jQuery-Autocomplete Scrollの問題

Question

私のアプリケーションではrails3-jquery-autocompleteを使用しています。私は次の問題に直面しました： オートコンプリートデータが表示されるように入力フィールドに何かを入力し、その後にページをスクロールすると、オートコンプリートデータのボックスはページでスクロールされません。それは同じ位置にとどまります。

あなたは私が向き合っているものを見ることができますhere。この例は私が作成したものではないので、ここでは同じjqueryプラグインが使用されているのかどうかはわかりません。それにもかかわらず、問題はかなり同じです。

Answer 1

おそらく、オートコンプリートのオプションからappendTo属性が欠落しています。デフォルトで本体に設定されていますが、コンテナ（コードは表示されません）が必要です。

documentsを参照してください。

Answer 2

CSS

 .ui-autocomplete { 
     height: 200px; 
     overflow-y: scroll; 
     overflow-x: hidden; 
    } 

Answer 3

にこれを追加しかし、あなたはどれがスクロールすることができ、下矢印キーボードを使用してリストをスクロールすることはできませんすることができ、結果のための高さとオーバーフローを適用した後、シナリオをチェックしていますマウスを使って。キーボードを使用してスクロールバーをスクロールさせ、ハイライト値をリスト全体にトラバースさせる場合

Answer 4

私はこれが古いと知っていますが、自分のプロジェクトでこのプロジェクトを修正しました。私のプロジェクトでは、 "位置：固定"というCSSプロパティを ".ui-autocomplete"に追加しています。ご希望の場合は、ここをクリックしてください：34.212.191.181：3000。

ページはベトナム語で、ナビゲーションバーの検索ボックスで遊んでください:)