easyautocomplete滚动问题

问题描述：

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

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

感谢

你需要的短语它作为一个问题，然后添加一个答案，否则这个问题* *将得到封闭。它[允许回答你自己的问题]（http://stackoverflow.com/help/self-answer），你有足够的声望（> 15）来这样做。 – Marvin

答

亲爱的同学程序员，

谁使用“easyautocomplete”从http://easyautocomplete.com/并具有不具有对列表的滚动条的问题，下面是一个快速的解决方法。还有很多其他问题，但现在我没有足够的时间来处理它们。在未来，如果我有机会解决它们，同时它们不是由业主固定的，我会放弃并与你分享很多东西。

至今，然后打开你容易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（SIX）的回报是该解决方案：

打开jquery.easy-autocomplete.min.js或jquery.easy-autocomplete.js和改变为maxNumberOfElements这在我的情况下为默认值。

代码的最后两行实际上是这样做的。如果您使用其他主题，我也没有检查结果，因此如果您遇到任何问题，我很抱歉。

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

感谢&快乐编程

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

答

你需要给你的简易自动完成集装箱固定的高度，并添加溢出：滚动。

下面是CSS的例子，你可以使用：

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

感谢您的回复，但溢出：滚动也会给你一个水平滚动条。所以我做了overflow-y：scroll。此外，如果您更改.easy-autocomplete容器类，它将使滚动条长于ul容器，因此您需要更改“.easy-autocomplete-container ul”类。 –

easyautocomplete滚动问题

相关推荐