jQuery固定位置リサイズ可能リスト？

Question

私はthis guideに基づいてdrag-to-trigger_eventページを作成しました。

私は画面の中央に画像のリストを表示していますが、ページがウィンドウのサイズよりも大きい場合があるので、常に画面の中央に表示するには 'position：fixed'を使用する必要があります。

私は、アイコンの上にホバーした後に簡単なツールチップを表示するのではなく、オプションのリストを表示し、オプションにドロップすると反応が異なるという調整を加えました。

私の問題は、オプションのリストが本当に長い（ユーザ定義の）場合、ページが小さすぎて全リストを表示できないということです。 'position：absolute'では、スクロールバーが表示され、ユーザーがリストの最後の位置にスクロールできるため、問題はありません。しかし、 'position：fixed'では、スクロールスクロールが全ページに渡ってリストが固定され、リスト全体が表示されないため、リスト全体を見ることができません。

この問題の解決方法はありますか？たぶん単純な複数列のリストか、そのリストのための「見えない」スクロールだけですか？または他の単純なソリューションですか？

Answer 1

私は動的に変更することで、それを解決window.onScroll（）関数のmargin-topで、まだpositionを持っています：絶対に私はリストのすべての項目を見ることができます。

Answer 2

与えることを試みる： -

は、それらの誰にも使用します。 -

position: absolute; 
position:relative; 
position:fixed; 

display: inline-block; 

一度訪問あなたのソリューションは、このリンクを： -

http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm