1

==================

名前：//htmlテキストボックス//

年齢：//テキストボックス//

// div //

//テーブル//

==================

上記をHTMLページと想定します。また、ページ全体をスクロールできるように、テーブルに少なくとも50行あると仮定します。現在、ページをスクロールすると、ページ全体（div、table）がスクロールします。下の図のようにスクロールしている間、divをページの上部に配置したいと思います。

==================

// div //

..。

..。

..。

// row21 //

// row22 //

..。

..。

==================

これが可能かどうか知りたいのですが。divにCSSを使用してみました：

// divのCSS：

位置：固定;

幅：100;

ただし、以前のdivの位置が正確に表示されます。しかし、スクロールしながらdivをページの一番上に移動したいと思います。

ありがとう。

4

3 に答える 3

1

これは些細なことではありません

  • JavaScript を使用して div をコピーし、その位置を固定する必要があります。
  • 固定divを非表示および表示するには、スクロールイベントを処理する必要があります

テーブルヘッダーに対してそのようなことを行う小さなライブラリがあります。ソースコードを読むか、テーブルにそのまま使用できると思います

デモ: http://www.agyey.com/demo/stickyhead/demo.html
コード: https://bitbucket.org/anuraguniyal/stickyhead

于 2012-10-25T23:19:09.187 に答える
0

これはCSSだけでは不可能です。あなたがすでに知っているように、あなたは使うことができます：

position: fixed

ブラウザウィンドウに対して要素を同じ場所に保持しますが、コンテンツがスクロールされたときに要素を一番上に移動するには、JavaScriptを使用する必要があります。

このSOの投稿を見て、その効果を実現する方法を理解することをお勧めします。

于 2012-10-25T23:17:50.677 に答える
0

これをcssに追加する必要があります。

  top:100px;//adjust til the div is below the name and age section.
  position:fixed;

それがあなたが探しているものだと思います。

于 2012-10-25T23:18:53.420 に答える