预渲染视口外的translate3d内容

Question

我想用一些动画开发电子移动网站，但有一些渲染（？）问题。

所有转换都使用与此类似的类完成：

.move{
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    -webkit-transition-duration: .25s;
    transition-duration': '.25s;
}

我遇到了视口之外的div的问题，然后在按下按钮之后滑入或者类似的东西。 div在移动时被绘制，但只是第一次。如果他们后来滑出视口，然后再回来，它非常流利和好看。

我试过给出像-webkit-backface-visibility：hidden;这样的css属性; ＆安培; -webkit-perspective：1000;，但它没有任何区别。任何的想法？谢谢。

Answer 1

我遇到了与您描述的问题相同的问题，即为网站创建抽屉式导航（类似于许多移动应用的工作方式，如Facebook）。还没有找到答案。