在頁面滾動時顯示/隱藏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