OGeek|极客世界-中国程序员成长平台

标题: javascript - jquery 脚本在桌面上工作，但在 iphone 上滞后 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 19:02
标题: javascript - jquery 脚本在桌面上工作，但在 iphone 上滞后

我试图在我的网站上实现一个 div，当它滚动出视口(viewport)时，它就会粘在浏览器的顶部。我发现了一个非常好的脚本，它在桌面上运行良好。当我在 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();
        });

---

Best Answer-推荐答案

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

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

关于javascript - jquery 脚本在桌面上工作，但在 iphone 上滞后，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42375730/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4