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

Question

我有一个有很多行的表格，这会使页面滚动。表格上方还有一些其他内容。我想添加一个使用jQuery的功能来在页面顶部显示div，只要表格滚动到顶部行消失在屏幕顶部边界之上的位置。

我想我会添加一个位置设置为固定的div，但是我怎么知道顶部行在折叠之上的位置？

​​

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'}); 
    } 
}); 

此检查，如果窗口已滚动以上200像素，并修复了topDiv