easyautocomplete滾動問題

我已經使用jquery easyautocomplete（來自http://easyautocomplete.com/）來提出建議/自動填充框，但是當列表太長時，它沒有滾動條。因此我必須滾動整個頁面才能到達列表的底部。easyautocomplete滾動問題

如果有人知道解決方案，請分享。

感謝

來源

2017-02-27 Sabbir Hassan

你需要的短語它作爲一個問題，然後添加一個答案，否則這個問題* *將得到封閉。它[允許回答你自己的問題]（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

來源

2017-02-27 21:20:56

你需要給你的簡易自動完成集裝箱固定的高度，並添加溢出：滾動。

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

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

來源

2017-02-27 21:21:39 KoldBane

感謝您的回覆，但溢出：滾動也會給你一個水平滾動條。所以我做了overflow-y：scroll。此外，如果您更改.easy-autocomplete容器類，它將使滾動條長於ul容器，因此您需要更改「.easy-autocomplete-container ul」類。 –

easyautocomplete滾動問題

回答

相關問題