如果某个元素位于屏幕顶部,则在JQuery中进行测试

我有一个div距离浏览器窗口顶部大约100px。当用户向下滚动时，我希望div保持原样，直到到达屏幕顶部。然后，我将使用JQuery更改一些CSS，使位置更改为fixed，并将margin-top更改为0.如果此div位于屏幕顶部，如何在JQuery中进行测试？

解决方法

var distance = $('div').offset().top,$window = $(window);

$window.scroll(function() {
    if ( $window.scrollTop() >= distance ) {
        // Your div has reached the top
    }
});

附：为了更好的性能，您应该可以限制滚动事件处理程序。
查看John Resig的文章：Learning from Twitter。