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