用于滚动：

Question

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

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

由于

Answer 1

亲爱的程序员，

使用＆＃34; easyautocomplete＆＃34;从http://easyautocomplete.com/开始，如果没有列表的滚动条，以下是一个快速的解决方法。还有很多其他问题，但现在我没有足够的时间来处理它们。将来，如果我有机会解决它们，并且在同一时间它们没有被所有者修复，我会试一试并与您分享。

然后打开easy-autocomplete.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.easy-autocomplete.min.js或jquery.easy-autocomplete.js并更改 maxNumberOfElements 的值，在我的情况下默认为 6

代码的最后两行实际上可以解决问题。如果你使用额外的主题，我也没有检查结果，所以如果你遇到任何问题，我很抱歉。

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

谢谢＆amp;快乐编程

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

Answer 2

在maxNumberOfElements:500文件上设置jquery.easy-autocomplete.min.js以获得大列表

用于滚动：

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

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

Answer 3

您需要将Easy Autocomplete容器设置为固定高度并添加溢出：滚动。

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

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

easyautocomplete滚动问题

3 个答案:

用于滚动：