帮助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进行更改。

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

P.S。由于我的代表很低，我不能发布这张图片，但我很乐意通过电子邮件发送或以其他方式发送给任何人

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