我在配置JQuery-UI的自动完成模块时遇到了麻烦。我需要当要选择的数据量足够大时会出现滚动条。
这是我试过的:
jquery-ui-1.8.16.css
我设置了这个:ui.autocomplete{
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
*,如ui-documentation示例
所示这是我声明和自动完成输入的方式:
$("#myInput").autocomplete({
source: mySource,
minLength: 0,
});
我不知道为什么滚动条没有出现,任何帮助将不胜感激。非常感谢你!
答案 0 :(得分:68)
您应该覆盖页面中的css设置,如下所示
<style>
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
/* add padding to account for vertical scrollbar */
padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
</style>
而不是更改jquery-ui-1.8.16.css