Элементы AOS (анимация при прокрутке), невидимые на статическом сайте

Я делаю сайт для клиента и пытаюсь реализовать библиотеку AOS, чтобы он выглядел более динамично. Я выполнил инструкции из GitHub:

добавить в <head>

<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

Добавить перед </body>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

Не повезло. Я подал заявкуdata-aos="fade-in"в div в разделе Services этого сайта (это должно быть очевидно с отсутствующим полем), и он вообще не отображается для меня.

Кто-нибудь может помочь?

Спасибо,

разъем

Источник

1 ответ

Решение

Я посмотрел сайт и думаю, что это как-то связано с этим css:

html, body {
    overflow: hidden;
    overflow-y: scroll;
}

Это также вызвало у меня двойную полосу прокрутки, вы должны удалить эти две строки.

Источник
Другие вопросы по тегам