3

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。

ポインタ、ヘルプ、またはリンクは非常に役立ちます! ありがとう！

PS私の担当者が少ないので、これで写真を投稿することはできませんが、喜んで電子メールで送信するか、別の方法で送信して誰かに見せることができます

4

1 に答える 1

16

.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;
}
于 2011-09-22T21:54:37.683 に答える