Внедрение AOS в WordPress делает целевые элементы пустыми, а не постепенными

Я пытаюсь внедрить плагин Михалсника Animate On Scroll в мой WordPress-сайт. Но когда я делаю следующий div с "data-aos", как указано, элемент оказывается пустым, а не исчезает.

<div class="textbox center branch-bg" data-aos="fade" data-aos-duration="600">
Immergez-vous
</div>

Вот как я попытался установить:

1) я добавил

<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">

а также

<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

в мой заголовочный файл, чтобы загрузить CSS и Javascript.

2) я добавил
AOS.init({disable: 'mobile'}); функция моего сценария, чтобы активировать его (но отключить на мобильном телефоне)

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

http://latelierdegaia.ch/

Есть ли шаг в установке, который я пропустил? Я делаю что-то еще не так?

Спасибо вам большое!

Источник

1 ответ

Хорошо, после 3 часов возни с кодом, я нашел решение!

Моя ошибка была, я добавлял

<script>
AOS.init();
</script>

в заголовке, между

<head></head>

теги, и на самом деле я должен добавить его в начале тела, между

<body> </body>

теги.

Все остальное я делал правильно. Ура!

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