JQuery UI Autocomplete (1.8) 滚动

Question

我在配置JQuery-UI的自动完成模块时遇到了问题。 我需要当要选择的数据量足够大时出现滚动条。

这是我的尝试：

• 在 jquery-ui-1.8.16.css 中，我设置了以下内容：

ui.autocomplete{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

*如UI文档示例所示。

这是我声明并自动完成输入的方式：

$("#myInput").autocomplete({
    source: mySource,
    minLength: 0,
});

我不知道为什么滚动条没有出现，希望能得到帮助。非常感谢！

- Andreu Ramos

Answer 1

您需要在页面中覆盖CSS设置，像这样：

您应该在页面中覆盖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 文件中的值。

- Nicola Peluchetti

---

这个可以工作，但在我的测试中，滚动框总是显示出来，而不是只有当自动完成的高度超过“max-height”时才显示。虽然我还没有找到一个快速的解决方案。 - jamix