我一直在使用-webkit-backface-visibility: hidden;
來停止閃爍的css轉換,但是因此我的position: fixed;
不再在FF或Safari中修復(請參閱小提琴:http://jsfiddle.net/liguha/ssqksnv0/ )替代「-webkit-backface-visibility:hidden」以停止閃爍
任何替代品?最好不用JavaScript來解決這個問題。
我一直在使用-webkit-backface-visibility: hidden;
來停止閃爍的css轉換,但是因此我的position: fixed;
不再在FF或Safari中修復(請參閱小提琴:http://jsfiddle.net/liguha/ssqksnv0/ )替代「-webkit-backface-visibility:hidden」以停止閃爍
任何替代品?最好不用JavaScript來解決這個問題。
與這幾次戰鬥。在「*,*:之前,*之後」執行操作可能會導致問題。 試圖在任何和所有元素上獲得圖形加速可能會導致下游的一點滯後。通常情況下可以通過保證金/填充的方式確定投注的大小。
那麼,什麼是動畫?通常情況下,如果您正在進行轉換,則需要添加preserve-3d和透視圖。至少從父母/子女關係中,您會希望更好地管理您設置這些值的層次。
通則我用 - 容器周圍什麼我動畫:
perspective: 800px;
我正在動畫:
backface-visiblity: hidden;
transform: translate3d(0,0,0);
transform-style: preserve-3d;
如果我仍然有閃爍的問題,我通常會添加變換:translateZ(0);到一些我正在動畫的子元素,直接閃爍。
它絕對是一個令人討厭的問題,這是多年來的現在,不幸的是所有的技巧/提示年齡和貶值。檢查Google Chrome的控制檯以檢查重新繪製,並確保在滾動時整個頁面不會重新繪製。對於什麼是動畫內容,通常用translateZ(0)標記它的時間。
祝你好運