0

以下の例のように浮かぶだけではないフローティング div/メニューを探していました

http://dropthebit.com/demos/stickyfloat/stickyfloat.html

ただし、フローター div/メニューの高さがビュー ポートの高さを超える場合は、メイン スクロール バーを使用して、ビュー ポートの上または下にあるメニューの部分を表示できます。

ただし、フローター div/メニューの最後に到達すると、スクロールしている方向に応じて上部または下部に固定されます。

すべてのフローティング div は常に上部にロックされているように見えます。これは、固定の高さが大きくならない場合にうまく機能します。

上記のフローティング div の例がどのように失敗するかを確認するには、firebug または開発ツールを使用して div の高さをビュー ポートより大きくすると、機能しなくなります。または、ウィンドウのサイズを変更して、フローティング div の高さよりも短くすると、長いページを下にスクロールすると、ウィンドウが追従しなくなることがわかります。

istockphoto のオプションのようにコントラクトを拡張する動的なオプション メニューがあるため、これは問題です。以下で確認できます。

http://www.istockphoto.com/search/text/boxer/source/

ビューポートを超えて大きくなることがわかります。フロートさせたいのですが、メニューの上限または下限に達するまで上下にスクロールし、スクロールしている方向に応じて上部または下部に固執できるようにします。

スクロールの位置と方向を監視するフローターに取り組んでおり、オフセットの高さと下を使用してスクロール上の要素の余白の高さを調整し、外観をフローティングにします...何とか

十分に単純に見えるものに対して、あまりにも多くのことが起こっているようです。

divがビューポートの高さよりも高い場合、フローティングdivをメインウィンドウでスクロールさせるプラグインを知っている人はいますか?

4

1 に答える 1

0

jQuery を使用しているため、jQuery UI を使用できる場合は、ダイアログをサポートしています: http://jqueryui.com/demos/dialog/

次に、min-height、min-width を設定して、ボックスがコンテンツと同じ大きさになるようにするか、高さ/幅の設定を使用して特定のサイズのみを許可し、overflow:auto を使用してスクロールできるようにすることができます。バー。

于 2012-05-10T17:24:29.213 に答える