Я пытаюсь добавить анимацию при прокрутке в моем веб-сайте здесь . Я использовал 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, но не работает.