我在一个网站上工作,该网站有很多 CSS3 转换(硬件加速)和高内存对象(例如,一个包含 39 个对象的数组,每个对象都包含典型在线新闻文章的完整 html 源代码)并且我我注意到一些非常不稳定/抖动的滚动,我一直无法调试。
我已将这些高内存对象保留在 DOM 之外,这应该可以防止它们影响 DOM 性能,但是,我不禁认为它们仍然具有负面影响。我没有要发布的代码示例,因为我不确定这是否是一个问题。
请转到此站点 (Orange) 并单击文章图 block 。在页面上方弹出的阅读器 div 中,尝试像往常一样滚动。感觉不稳定/紧张吗?您对如何改进这一点有什么建议吗?
最佳答案
众所周知,CSS3 过渡、不透明度、文本和框阴影等会影响渲染速度。事实上,即使是仅大量使用文本阴影的站点也会导致普通计算机上的滚动不稳定。将此与大量使用 javascript 相结合似乎会导致网络浏览不稳定。
编辑:橙色的 o 上的加载动画非常棒!
关于performance - CSS3 过渡或高内存对象是否有可能影响 Chrome 中的滚动平滑度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7934510/