jquery - DIV 知道它们的位置，或者窗口的滚动位置吗？

Question

在 jQuery 中，如何使 DIV 保持原状，直到用户向下滚动使其不再可见(此时它将自己的 CSS 位置设置为“固定”)？这是我经常看到的一个技巧，只是不确定它是如何完成的。

示例:http://www.yelp.com/search?find_desc=sushi&ns=1&find_loc=San+Francisco%2C+CA

Answer 1

以下是一些代码的快速示例:

var standardPosition = $('div').offset().top;

$(window).scroll(function() {
    if ($(this).scrollTop() > standardPosition) $('div').css('position','fixed');
    else $('div').css('position','relative');
});

将起始位置存储在某处非常重要，这样您就知道何时向上滚动到足够远以将其恢复到原来的位置。

http://jsfiddle.net/qC6HB/