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

这就是你要找的。粘性分区:

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 回答