在iOS上滚动时,我正在追赶性能问题.在touchstart和touchend上,Safari无效,然后重新计算样式,这在滚动响应之前导致稍微延迟. Safari的工具有一个“启动器”列,但在我的测试中它是空白的.
我试过了：
>应用意志变换：变换;或transform：translateZ(0);在滚动元素上.这极大地帮助了Chrome,但对iOS Safari却没有任何作用.分析器仍报告正在重新计算样式.
从DOM中删除所有具有position的元素：fixed;
>检查分析器报告的每一行Javascript(我的测试中只是jQuery和Angular核心代码),看看它们是否在Paul Irish’s list of things that force layout/reflow
>要在Android上重现它,所以我可以使用Chrome的恒星开发工具,没有成功.这个问题只会影响iOS Safari,只能从桌面Safari中进行调试.
如何确定在iOS Safari中导致我的样式无效的原因？
