使用滚动动画在站点中闪烁固定标题

Question

所以我将一个网站放在一起,这将在滚动事件上触发一些css3动画.在编写滚动动画的大约一半时,我注意到页面的标题和其他位置上有很多闪烁:固定元素.

我能做些什么来减少这种眨眼？(理想情况下没有jQuery)

Answer 1

好吧,看起来这个问题可能与chrome有关,并且当CSS动画在滚动期间触发时,固定定位元素的渲染速度.

我想看看这个小技巧是否会硬件加速实际上不是chrome中CSS动画主题的元素.事实证明它确实如此.:)

这是解决方案:

.topbar
{
    -webkit-transform: translate3d(0,0,0);
}