JQuery UIオートコンプリートの位置

Question

私はブラウザのウィンドウに関連して私のオートコンプリート（メニュー）を適切に配置したいと思います。つまり、オートコンプリートがページの先頭に来るとメニューが下がり、ページの一番下にメニューが表示されます（垂直スクロールバーがあっても）。

Thx。

Answer 1

は、衝突検出を有効にするpositionオプションを使用します。

$("#someElement").autocomplete({ 
    source: [...] 
    position: { collision: "flip" } 
});​ 

DEMO

オートコンプリートが容易でかつ比較的入力要素にメニューを配置するjQuery UI Positionユーティリティを使用しています。

オプションcollisionは、要素がビューポートのデフォルトの方向で表示されない場合、要素を別の位置に自動的に移動します。

値flipは、下または上のメニューを表示しますが、方向は完全に表示されます。