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

这就是你要找的东西。 Sticky Div：

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

在页面滚动上显示/隐藏div

2 个答案: