jquery - 为什么在 jquery 中使用scroll() 时会出现延迟？

Question

我使用一些简单的代码来在页面滚动到某个点时显示一个项目。该代码在技术上是可行的，但延迟很高。我有代码 console.log 一些调试值(滚动位置)。我发现 if 语句直到滚动停止后才运行(或者当我看到 console.log“ catch ”时):

$(window).scroll(function(){
    if($(window).scrollTop() >= 350) {
        $('#logo').animate({'opacity':'1'});
    } else {
        $('#logo').animate({'opacity':'0'});
    }
});

这是一个jsfiddel:http://jsfiddle.net/nzcxwdmx/1/

您会注意到，如果您等待足够长的时间，“此处 Logo ”字样就会出现。滚动超过 350 越远，所需的时间就越长。

Answer 1

您正在使用默认的动画时间值而不是使用所需的时间值

fiddle

示例代码

$(window).scroll(function(){
    var spos = $(window).scrollTop();
    $('#scroll').text(spos);
    if(spos >= 350) {
        $('#logo').animate({'opacity':'1'},200);
    } else {
        $('#logo').animate({'opacity':'0'},200);
    }
});