easyautocomplete滚动问题

Question

我已经使用jquery easyautocomplete (来自http://easyautocomplete.com/)制作了一个建议/自动完成框，但当列表太长时，它没有滚动条。因此，我必须滚动整个页面才能到达列表的底部。

如果有人知道解决方案，请分享。

谢谢

Answer 1

亲爱的程序员们：

无论谁在使用http://easyautocomplete.com/的"easyautocomplete“，并且有一个列表没有滚动条的问题，下面是一个快速的解决方法。还有许多其他问题，但现在我没有足够的时间来解决这些问题。在未来，如果我能有机会解决它们，同时它们不是由所有者修复的，我会试一试，并与您分享很多。

在此之前，打开easy-autocomplete.css .css文件并修改以下代码块：

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
  max-height:150px; /* Set your expected height */
  overflow-y:scroll; /* Enable vertical scrollbar */
}

此外，如果有人担心列表中只有6(6)个返回，以下是解决方案：

打开jquery.asy-autocomplete.js e.min.js或jquery.asy-autocomplete.js e.js并修改maxNumberOfElements的值，在我的例子中，它默认是6。

代码的最后两行实际上做到了这一点。此外，我还没有检查结果，如果你使用额外的主题与它，因此，我很抱歉，如果你面临任何问题。

如果其他人找到了更好的解决方案，请随时与他人分享。

谢谢&快乐编程

更新:以下链接提供了更好的解决方案：http://gnnc.com.br/samples/easy-autocomplete/easy-autocomplete.php

Answer 2

对大型列表的jquery.easy-autocomplete.min.js文件设置maxNumberOfElements:500

用于滚动：

在easy-autocomplete.min.css文件中添加这两个属性

.easy-autocomplete-container {
    max-height: 150px;
    overflow-y: scroll;
}

Answer 3

你需要给你的Easy Autocomplete容器一个固定的高度，并添加overflow:scroll。

以下是您可以使用的CSS示例：

.easy-autocomplete-container { max-height:100px; overflow:scroll; }