javascript - 在移动 chrome 中滚动闪烁动画

Question

我正在尝试在我的网站中添加滚动动画。我使用动画 css并滚动出 js。我的 javascript 是，

<script>
 ScrollOut({
  targets: '.aos',
  onShown: function(el) {
    // remove the class
    el.classList.remove("animated", "fadeIn");

    // force reflow
    void el.offsetWidth;

    // re-add the animated cl
    el.classList.add("animated", "fadeIn");
  }
});
</script>

我<div class="aos animated fadeIn slow"></div>在页面中使用。

然后它也适用于所有 dektop broswers 和移动 Firefox，但它只在移动 chrome 中提供动画前闪烁。我试图添加style="-webkit-transform: translate3d(0,0,0);"到 div 元素，但没有工作。

标签： javascriptcssscrolljquery-animatemobile-chrome