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();
});

jquery脚本适用于桌面，但滞后于iphone

1 个答案: