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

前端之家收集整理的这篇文章主要介绍了如果某个元素位于屏幕顶部,则在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

猜你在找的jQuery相关文章