iPad Safari 滚动延迟：'translate3d(0, 0, 0)”可以修复不稳定的滚动吗？

通过 Translate3D 转换解决了 iPad Safari 滚动延迟

为 iPad Safari 开发 Web 应用程序时，大范围的滚动区域可能会表现出一种奇怪的行为， - 屏幕元素仅在滚动时出现明显延迟后出现。这种不稳定现象源于 iPad Safari 的内存保护工作。

幸运的是，解决方案在于欺骗浏览器利用硬件加速。这可以通过应用一个空的三维变换来实现：

-webkit-transform: translate3d(0, 0, 0);

具体来说，将此变换应用于具有position:relative的子元素；声明或所有子元素增强了滚动的响应能力。虽然不是通用的解决方案，但在大多数情况下它对于解决不稳定问题非常有效。该技术归功于文章“iOS 5 Native Scrolling – Grins & Gotchas”。

以上是iPad Safari 滚动延迟：'translate3d(0, 0, 0)”可以修复不稳定的滚动吗？的详细内容。更多信息请关注PHP中文网其他相关文章！