Анимация при прокрутке мигает в мобильном Chrome - PullRequest
1 голос
/ 01 октября 2019

Я пытаюсь добавить анимацию при прокрутке в моем веб-сайте здесь . Я использовал animate css и scroll out 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 и мобильном Firefox, но он мигает перед анимацией только в мобильном Chrome,Я пытался добавить style="-webkit-transform: translate3d(0,0,0);" к элементу div, но не работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...