jquery 脚本在桌面上工作，但在 iphone 上滞后

Posted 2023-03-11

【中文标题】jquery 脚本在桌面上工作，但在 iphone 上滞后

【英文标题】：jquery script works on desktop, but lags on iphone

【发布时间】：2017-02-21 18:58:34

【问题描述】：

我试图在我的网站上实现一个 div，当它滚动出视口时，它就会粘在浏览器的顶部。我发现了一个非常好的脚本，它在桌面上运行良好。当我在 iphone 上测试它时，我有一个短暂的延迟，其中 div 滚动了大约半秒，然后在所需位置弹出。有人知道我可以如何调整该脚本吗？

这里是链接：jsFiddle

感谢您的帮助！

function sticky_relocate() 
            var window_top = $(window).scrollTop();
            var div_top = $('#sticky-anchor').offset().top;
            if (window_top > div_top) 
                $('#sticky').addClass('stick');
                $('#sticky-anchor').height($('#sticky').outerHeight());
             else 
                $('#sticky').removeClass('stick');
                $('#sticky-anchor').height(0);
            
        

        $(function() 
            $(window).scroll(sticky_relocate);
            sticky_relocate();
        );

【参考方案1】：

也许您可以使用setTimeout 并在多次调用滚动时清除间隔。这可能有助于限制回调被调用的次数。

$(function() 
  var timer;
  $(window).scroll(function() 
    clearInterval(timer);
    timer = setTimeout(function() 
      sticky_relocate();
    , 50);
  );
  sticky_relocate();
);

【讨论】：

感谢您的回复。不用找了。我用另一个脚本 (leafo.net/sticky-kit/#reference) 尝试过，似乎有同样的问题。

呃……找到了。对不起。 ***.com/questions/32828973/…