2014-11-24 148 views

回答

2

與這幾次戰鬥。在「*,*:之前,*之後」執行操作可能會導致問題。 試圖在任何和所有元素上獲得圖形加速可能會導致下游的一點滯後。通常情況下可以通過保證金/填充的方式確定投注的大小。

那麼,什麼是動畫?通常情況下,如果您正在進行轉換,則需要添加preserve-3d和透視圖。至少從父母/子女關係中,您會希望更好地管理您設置這些值的層次。

通則我用 - 容器周圍什麼我動畫:

perspective: 800px; 

我正在動畫:

backface-visiblity: hidden; 
transform: translate3d(0,0,0); 
transform-style: preserve-3d; 

如果我仍然有閃爍的問題,我通常會添加變換:translateZ(0);到一些我正在動畫的子元素,直接閃爍。

它絕對是一個令人討厭的問題,這是多年來的現在,不幸的是所有的技巧/提示年齡和貶值。檢查Google Chrome的控制檯以檢查重新繪製,並確保在滾動時整個頁面不會重新繪製。對於什麼是動畫內容,通常用translateZ(0)標記它的時間。

祝你好運