BanRender
@BanRender

Как отслеживать скролл, если .scroll() заменен на другую функцию?

Поставил слайдер "swiper". Теперь у меня функция скроллинга вверх-вниз заменена на перещелкивание слайдов (каждый слайд равен размеру окна).
Конечная задача: запустить GSAP анимацию только тогда, когда блок будет в зоне видимости. У меня есть скрипт, который определяет находится ли объект в поле зрение пользователя или нет, но работает он исключительно от .scroll()
Повторюсь - Swiper заменил дефолтный скролл на свою функцию, поэтому описанный выше скрипт больше не работает. Как это можно обойти? Как теперь отслеживать виден ли юзеру объект?

Активный слайд получает класс .swiper-slide-active я пробовал делать проверку наличия этого класса у подопытного div'a, то есть как только слайд моего чудо div'a получает класс .swiper-slide-active, должно произойти чудо (alert() например), но из этой затеи тоже ничего не вышло. Я так понимаю браузер делает проверку один раз только при загрузке страницы.
if($('#anim_1').hasClass('swiper-slide-active')) {
		alert('Сработало');
	}
  • Вопрос задан
  • 172 просмотра
Пригласить эксперта
Ответы на вопрос 1
BanRender
@BanRender Автор вопроса
Такая проверка наверное полный дебилизм?
var timerId = setInterval(function() {
  if($('#anim_1').hasClass('swiper-slide-active')) {
		alert('Сработало');
	}
}, 1);
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы