jquery - 帮助 jquery-ui-autocomplete 选择菜单高度

Question

我正在使用 jQuery 和 Rails 项目中的 ui-autocomplete。现在，当自动完成呈现时，它将打开一个下拉菜单并显示建议，但下拉菜单位于页脚下方。

我看到了这个： http ://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

并认为“设置了 maxHeight 的弹出窗口”将是完美的，但我找不到放置 maxHeight 选项的位置以及是否只需要显示一个数字或什么。我相信我也需要对 进行更改jquery-ui.js。

任何指针、帮助或链接都会有很大帮助！谢谢！

PS 因为我的代表很低，所以我不能用这个发布图片，但我可以很乐意通过电子邮件发送或以其他方式发送给任何人看

Answer 1

您可以设置 .ui-autocomplete 类的样式来执行此操作，这将强制设置最大高度。

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}