脚本滞后只能加载旧的iOS设备

Question

脚本需要几秒钟才能在较旧的iOS设备上加载。我在iPhone 7上测试过并且工作正常。

info.links["blog"] = "JohnDoe.com", 
info.links["facebook"] = "http://facebook.com/JohnDoe"

主要是fadeIn超级慢。有什么想法吗？谢谢

Answer 1

问题是因为fadeIn()触发了滚动的每个像素。因此，如果您滚动200px，则可能会调用var timer; $(document).scroll(function () { var $doc = $(this); clearTimeout(timer); timer = setTimeout(function() { var y = $doc.scrollTop(); $('#bottombadge')[y > 300 ? 'fadeIn' : 'fadeOut'](); }, 150); }); 200次。为了解决这个问题，你需要'去抖'滚动事件，以便它只在滚动停止后N ms发生：

margin: 0 auto; width: 800px;