2013-07-09 51 views
1

我想用一些動畫開發e手機網站,但是有一些渲染(?)問題。prerender translate3d在視口之外的內容

所有跳變與類似這樣的類進行:

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

我有一個問題,那是視口的外面再滑入後按鈕被按下或類似的東西的div。這些divs在他們移動時被繪製,但僅在第一次。如果它們稍後滑過視口,然後再回來,它非常流暢和美觀。

我試着給css屬性像-webkit-backface-visibility:hidden; & -webkit-perspective:1000 ;,但它沒有任何區別。任何想法?謝謝。

回答

1

我與您描述的相同的問題,爲網站創建抽屜式導航(類似於許多移動應用的工作方式,如Facebook)。還沒有找到答案。