jQueryオートコンプリートのドロップダウンをブラウザのウィンドウを超えさせるには？

jQueryのオートコンプリートのドロップダウンメニューをブラウザのウィンドウを超えさせることができるかどうか誰かが知っていますか？jQueryオートコンプリートのドロップダウンをブラウザのウィンドウを超えさせるには？

これは、一般的なHTMLのselectメニュー（Internet Explorerなど）のために可能である：

<html><body> 
<script>window.resizeTo(300, 200);</script> 
<form><select> 
    <option>Some option 01</option> 
    <option>Some option 02</option> 
    <option>Some option 03</option> 
    <option>Some option 04</option> 
    <option>Some option 05</option> 
    <option>Some option 06</option> 
    <option>Some option 07</option> 
    <option>Some option 08</option> 
    <option>Some option 09</option> 
</select></form> 
</body></html>

が、これはまた、javascriptを/ jQueryのを使用して達成することができるか、結果は常にブラウザウィンドウ内にレンダリングされるのですか？

ありがとうございます。

出典

2012-02-28 user1237472

オートコンプリートプラグインは、ポップアップメニューのように見えますが、ウェブページの他の要素と同様に、ブラウザのウィンドウである内にはと表示されます。

できることは、メニューにmax-heightと設定します。

.ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; }

高さが100pxを超えると、垂直スクロールバーが追加されます。

出典

2012-02-28 09:49:08

あなたの答えをありがとう。実際には、ドロップダウンメニューをブラウザウィンドウよりも大きくする必要があります。どのようにjQueryオートコンプリートの結果コンテナとして機能するために、標準の選択フォームを悪用するのですか？ – user1237472

さて、このjqueryプラグイン - [uniform]（http://uniformjs.com/）があります。これはネイティブフォーム要素のスタイリングを可能にしますが、依然としてそれらを使用することができます。不透明度をゼロに設定してネイティブ要素を表示せずにイベントなどを受け取るようにしています。同様の作業方法を使用することができます。しかし、コンボボックスのプラグインで起こることを幸運にします;-) –

jQueryオートコンプリートのドロップダウンをブラウザのウィンドウを超えさせるには？

答えて

関連する問題