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

Question

所以我正在构建一个网站，该网站将在滚动事件上触发一些 css3 动画。大约在编写滚动动画的一半时，我注意到页面标题和其他 position:fixed 元素上有很多闪烁。

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

Answer 1

好吧，看起来这个问题可能与 chrome 以及在滚动期间触发 CSS 动画时固定定位元素呈现的速度有关。

我想看看 this little trick将硬件加速实际上不是 Chrome 中 CSS 动画主题的元素。事实证明确实如此。 :)

解决方法如下:

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