0

たくさんの行があるテーブルがあり、ページがスクロールします。表の上に他のコンテンツがいくつかあります。jQueryを使用して機能を追加し、テーブルが画面の上部の境界線の上に一番上の行が消えるポイントまでスクロールするとすぐに、ページの上部にdivを表示したいと思います。

位置を固定に設定してdivを追加すると思いますが、一番上の行が折り目の上に移動したことをどのように知ることができますか？

<div id="topDiv" style="display: none; position: fixed; top: 0"></div>

<table>
<thead>
<tr>
   <th></th>
<tr>
</thead>
<tbody>
<tr>
   <td></td>
<tr>
...
</tbody>
</table>
4

2 に答える 2

1

これはあなたが探しているものです。スティッキーDiv：

http://blog.yjl.im/2010/01/stick-div-at-top-after-scrolling.html

実装例： http ：//www.nkhome.com/kestrel/compare-kestrels.php

于 2012-04-07T03:18:49.787 に答える
1

あなたはこのようなものを使うことができます

$(window).scroll(function(e){ 
  $el = $('#topDiv'); 
  if ($(this).scrollTop() > 200 && $el.css('position') != 'fixed'){ 
    $el.css({'position': 'fixed', 'top': '0px'}); 
  } 
});

これは、ウィンドウが200pxを超えてスクロールしたかどうかを確認し、topDiv

于 2012-04-07T03:24:52.553 に答える