我一直在使用-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)标记它的时间。
祝你好运