jquery - 在页面滚动时显示/隐藏 div

Question

我有一个包含很多行的表格，这使得页面滚动。表格上方还有一些其他内容。我想使用 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>

Answer 1

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

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

实现示例： http ://www.nkhome.com/kestrel/compare-kestrels.php

Answer 2

你可以使用这样的东西

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

检查窗口是否滚动到 200px 以上并修复topDiv