css - オプションDIVInsideJqueryダイアログ上部固定位置

Question

Jqueryダイアログがあります。ダイアログ内に「保存ボタン」のあるDIVがあります。このDIVには、シナリオに応じて複数のボタンまたはドロップダウンを含めることができます。つまり、実際にはTOPオプション部門です。

ここの画像：

このDIVを常に表示する必要があります。現在、ダイアログの内容がダイアログの高さを超えている場合、下にスクロールすると、オプションdivが表示されなくなります。

これを実行する方法についての手がかりはありますか？

どうもありがとう。

Answer 1

残りのダイアログ コンテンツを div に配置し、そこに固定の高さと overflow-y: scroll 属性を適用することをお勧めします。

height : 250px
overflow-y: scroll

したがって、実際には、上部の div が固定されたまま上下にスクロールするのはダイアログ全体ではなく、上部の div がその場所に留まっている間の 2 番目の div コンテンツです。

例 :上部が固定され、コンテンツがスクロールするダイアログ

Answer 2

これが1つのアプローチです：

http://jsfiddle.net/andromedado/Gq54S/

「新規ユーザー」、「閉じる」、スクロール可能なコンテンツおよびボタンペインのラップアラウンドは、すでに位置が固定されていることを前提としています。

そこから、ボタンペインの位置も固定し、スクロールバーと重ならないように適切な幅を指定する必要があります。幅とパディングの違いは冗長になる可能性があるため、スクリプトをだまして、パディング情報を保持するためにvarsを宣言しました。

また、要素「buttonSpacer」を追加しました。これは、フローティングボタンペインから高さを取得します。これにより、フローティングコンテンツにプッシュするものが与えられるため、ボタンペインの下に表示されることはありません。