Вау.js не загружает анимацию с задержкой более 1 С. Почему?
Я использую animate.css с wow.JS.
Третий, с задержкой данных более одной секунды, не исчезает. Он исчезает нормально (не слева).
Кто-нибудь сталкивался с этой проблемой раньше? Как я могу это исправить?
--
Это моя точка зрения. У меня есть три пункта списка на странице.
<li>
<span class="fadeInLeft wow" data-wow-delay="300ms">Text1</span>
</li>
<li>
<span class="fadeInLeft wow" data-wow-delay="800ms">Text2</span>
</li>
<li>
<span class="fadeInLeft wow" data-wow-delay="1200ms">Text2</span>
</li>
4 ответов:
Я знаю, что эта нить немного стара, но решил опубликовать то, что я знаю об этом:
Попробуйте использовать класс section.
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.3s"><li>Text1</li></section> <section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.8s"><li>Text2</li></section> <section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1.2s"><li>Text3</li></section>
У меня тоже была такая же проблема. Я нашел обходной путь, который должен был добавить эти встроенные стили:
Стиль="-в WebKit-анимация-продолжительность: 3С;-МОЗ-анимация-продолжительность: 3С;анимация-продолжительность: 3С;"
Вау.JS api также использует единицы измерения секунд для анимации.
Например, data-wow-delay= " 2s " будет работать просто отлично. Я не уверен насчет " 1.2."
Попробуйте и дайте мне знать, если это сработает для вас.
Убедитесь, что ваш скрипт корректен и что вы правильно набрали "вау.js " или " вау.минута.js " для минимальной версии. Если нет, у вас будет анимация, но не вау.js задержка или прокрутка.
<script src='js/wow.min.js'></script> <script> new WOW().init(); </script>
Comments