ios 上的 CSS 过渡性能

【问题标题】：CSS transition performance on iosios 上的 CSS 过渡性能
【发布时间】：2012-08-27 11:33:53
【问题描述】：

我遇到的问题是，当动画容器具有更复杂的 HTML 结构时，过渡确实会变慢。为空容器制作动画非常流畅，但在向其中添加更多数据后，性能真的很糟糕。我知道将-webkit-transform: translate3d(0,0,0) 添加到动画元素的硬件加速，但这似乎对更复杂的DOM 结构没有帮助。

除了translate3d 之外，是否有任何资源描述了影响 iOS 上 CSS 过渡性能的因素。

【问题讨论】：

【解决方案1】：

你的容器是在屏幕内还是比屏幕大？

我正在制作一个书本类型的应用程序，其中每个页面都有屏幕大小，并包含复杂的 dom 结构。当我在 dom 中放置更多页面时，页面内导航和转换的性能会变慢。但是从 dom 中删除不在屏幕中的页面并仅在页面出现或将要出现时渲染它们可以大大提高性能。

所以尝试删除元素或将它们设为display:none 对用户不可见，这可能会提高您的性能。

【讨论】：