幫助jquery-ui-autocomplete選擇菜單高度

Question

我正在使用jQuery和ui-autocomplete在Rails項目中。當自動完成呈現時，它會打開一個下拉菜單並顯示建議，但下拉菜單位於頁腳下方。

我看到這一點： 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; 
}