在safari IOS中在视口外渲染dom

Question

使用html5中的单页应用程序，我正在使用transform：translate3d在不同页面之间导航。

对于本页面之一，我调用ajax请求来为其提供150个元素的列表。 注入这些元素后，我用：translate3d（0,0,0）

显示它

这适用于Android，所有桌面浏览器，甚至Safari，iphone safari仅在页面外观后加载列表。 而不是 调用Ajax =＆gt;注入隐藏的Page =＆gt;显示隐藏的页面 它就像 调用Ajax = show hidden Page＆gt; =＆gt;注入隐藏页面

在这两种情况下，数据都存在于步骤2中。 当我减少数据的数量时它工作正常

因此，似乎在视口外部创建DOM时，在safari Ios中渲染速度很慢，也许有人试验过同样的问题？

Answer 1

解决：

-webkit-transform：transform3d（0,100％，0）将页面放在视口之外。 IOS上的Safari似乎很慢，呈现出他无法看到的东西，所以我用它： -webkit-transform：transform3d（0,99％，0），它完美无缺。

这个页面是空的，所以在视口中让1％没问题。

使用该渲染在IOS上使用Safari的很多问题。