Navbar гаснет, когда я добавляю анимацию при прокрутке

Question

Я пытаюсь реализовать анимацию прокрутки на моем сайте здесь с помощью AOS

HTML

<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

JS

<script>
   AOS.init({
       duration: 1200,
   });
</script>

и используется как

<div data-aos="fade-up">

Но мой navbar выходит в мобильной версии. Посмотрите это и некоторый контент не загружается здесь, посмотрите это изображение.

Answer 1

Я исправил это с помощью простого переполнения-x: скрыто

      <div class="row text-center no-gutters" style="overflow-x: hidden">
    <div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-right">...</div>
    <div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-up">...</div>
    <div class="col-12 col-md-4 aos-init aos-animate" data-aos="fade-left">...</div>
</div>

Answer 2

Да, изменение постепенного перехода влево на постепенное исчезновение устранило проблему, панель навигации не работает должным образом, когда используется постепенное исчезновение влево