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

Question

我试图在我的网站上实现一个 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();
        });

Answer 1

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

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