iOS浏览器上的Webkit滚动性能

Question

我继承了一个网站项目，其任务是让它在移动设备（尤其是iOS）上表现更好。滚动页面非常慢，页面的某些部分需要很长时间才能加载。我已经尝试了大多数卷轴修复程序，例如-webkit-overflow-scrolling：touch;和transform：translate3d（0,0,0）;但没有运气。我还尝试在桌面上的Chrome开发工具中挖掘渲染工具，看看是否有任何问题。我不知所措。

这里是链接：http://www.seacoastsciencecenter.org/

Answer 1

我们可以使用Chrome Web Profiler来确定耗费了大量CPU的内容。请注意，移动设备可能需要更长的时间。

看起来在你的情况下，skrollr.min.js占用了最多的CPU，所以我试图摆脱它并坚持使用内置的滚动方法。有什么理由需要一个特殊的库来滚动吗？