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

Question

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

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

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

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

附：由于我的代表率很低，我无法发布带有此图片的图片，但我很乐意通过电子邮件发送或以其他方式发送给任何人看

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;
}