Задать вопрос
@elleremo
javascript

Как используя javascript и wow.js отследить начало анимации при скролле?

Здравствуйте. Я использую на сайте wow.js ( запускает анимацию ( animate.css ) когда элемент попадает в viewport ). Но также я использую я ее чтобы запустить анимацию SVG ( анимация линий через vivus.js ), отслеживая изменение класса у элемента при скролле. 
$(window).on("scroll", function () {

    if ( $( "#svg_anim" ).css( "visibility" ) == "visible" )   // если элемент в viewport-е,
        svg_anim.play(); //  то запуск vivus.js
})

Есть ли способ используя wow.js и его функции запустить анимацию не прибегая к on.scroll и др событиям?
И если нет, то как отследить изменение класса/стиля у элемента ?
  • Вопрос задан
  • 1806 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
yurzui
@yurzui 
var wow = new WOW(
  {
    boxClass:     'wow',      
    animateClass: 'animated', 
    offset:       0,        
    mobile:       true,       
    live:         true,      
    callback:     function(box) {
        if(box.id == 'svg_anim'){
            // мы попали под анимацию svg
        }
    }
  }
);
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать ТГ бот
23 апр. 2024, в 13:02
3000 руб./за проект
Разработать дизайн для тгвебапп
23 апр. 2024, в 12:52
15000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 12:39
4000 руб./за проект
Ещё заказы