javascript - $(window).scroll 不准确，快速滚动时

Question

我试图操纵元素的位置，所以在某些页面滚动位置之间，他的 css 被改变了。看看这个简单的例子：http: //jsfiddle.net/6RtTX/8/

问题是 -$(window).scroll不是那么准确，所以如果我滚动得非常快，它就会变得非常混乱。

有没有办法解决这个问题？我可以在 $(window).scroll 方法中对这些操作进行排队吗？

提前致谢。

Answer 1

尝试像这样更改小提琴的代码：

$(window).scroll(function(event) {
    if ( event.pageY > 100 && event.pageY < 5000) {
        $('.test').css({
            'left' : $(window).scrollTop() - 80,
            'top' : $(window).scrollTop() + 100
        });            
    }
});

通过使用传递的事件来获取测量值而不是再次测量，我发现准确性大大提高。