我有一个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。