如果使用图像，Skrollr会不稳定？

Question

我正在使用skrollr插件为iOS创建一个视差网页。如果我只是使用文本，它非常流畅，而且非常快。如果我使用CSS包含背景图像或使用HTML包含内嵌图像，则滚动突然变得非常不连贯。有没有解决这个问题？任何图像都会大大减慢它。

谢谢！

Answer 1

根据您的背景图片大小，css背景图片会对任何页面的呈现造成很高的成本。这是可变的，但是你用背景覆盖的区域越多，成本就越高 - 因为浏览器的渲染引擎需要重新绘制大部分屏幕。如果您使用Chrome并使用开发人员工具和时间线工具，则可以看到此操作。

针对您动画图像的特定情况的修复可能是进行3D CSS变换。 IE不进行正常变换，而是进行三维变换，例如翻译三维＆＃39;。这将自动触发硬件渲染（即你的计算机gpu将处理转换）并从你的cpu卸载一些开销 - 理论上使你的动画更顺畅。

这当然是有代价的，特别是如果您处理移动或其他有限的平台。但它值得一试。