Проверка на наличие class="active" у id="id_name"?

Question

[Laid]

В JS не силен. Никак. 3 часа побродил по просторам интернета и забил себе голову так, что скора она опухнет. А до истины так и не дошёл. Есть LP с блочным скроллом. То есть по сути там скролла нету. При прокрутке - перехватывается и через transform колонка двигается верх или вниз, в зависимости от стороны прокрутки (плагин onepage.js). Нужна анимация, чтобы она воспроизводилась когда блок виден. Wow.js не хочет работать с таким скроллом. На первом блоке все норм. На 2, 3 и т.д. анимация не воспроизводится.
Этот плагин, ставит в активный section (section который на экране) class="active". Хочу сделать проверку на .active у id="page1"
(т.е. < section id="идентификатор" class="имеется ли здесь active" >). Если имеется, то блокам на этой странице добавлять класс, на который завязана анимация.
Подскажите, пожалуйста, более умудренные опытом и знаниями, чем я.
1) Сработает ли это? И конкретно след. код

if ( $("#id").hasClass("active") ) {
$("#id блока которому нужно дать анимку").addClass("класс на который завязана анимка");
}

2) Может есть правильный способ? или который будет менее загружать сайт? (плагин наподобие wow.js. Только который умеет работать с блочным скроллом)

Answer 1

[Максим Тимофеев]

1. Должно - почему не попробуете?
2. Куда проще?

Comments

[Laid]

Спасибо за ответ.
Подправил немного второй вопрос.
2) Может есть правильный способ? или который будет менее загружать сайт?
Или это и есть самый правильный способ в данном случае?

[Максим Тимофеев]

stoik_kpd: Менее ресурсоемкий способ для браузера? Вряд ли есть. Да и сама анимация в 100 раз больше его нагрузит, чем этот код. Так что если где-то и оптимизировать то не здесь.

[Laid]

< script >
if ( $("#page2_id").hasClass("active") ) {
$("#anim2_1").addClass("zoomIn");
}
< /script >
Не хочет работать(

[Максим Тимофеев]

stoik_kpd: ошибки в консоле есть? Событие есть? Например- клик или загрузка страницы, при котором должно срабатывать условие?

[Максим Тимофеев]

stoik_kpd: Тот код, что Вы написали - рабочий, но что-то должно его запустить. Некое событие. Например окончание загрузки страницы, скрол, клик, наведение мышки куда-то. Вот прочтите: http://jquery.page2page.ru/index.php5/События

[Laid]

Максим Тимофеев: Понял. Спасибо большое! Повесил на событие .mouseover()
Класс добавляется.
Однако появилась проблемка другая. Анимации использовал из animate.css. Добавляются классы анимки. Например zoomIn flip и др. Но анимация все равно не проходит. С чем это может быть связано?

[Laid]

Максим Тимофеев: Разобрался. Я идиот. Забыл про animated =)
Спасибо ещё раз!
Всего доброго

Answer 2

[Dark Hole]

1. Ну зачееееееееем...
$('#id.active').addClass('анимка');
2. Я не понял, что нужно именно? Какой "блочный скролл"?