Вау.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>
519   4  

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

    Ничего не найдено.