Я добавил анимацию с GSAP для моего слайдера, которую я получаю от Swiper JS https://swiperjs.com/ и все работает нормально, но если пользователь будет много раз нажимать на навигацию Swiper (стрелки, точки или перетаскивание), моя анимация начинает вылетать. Итак, вопрос в том, как отключить щелчок или смахивание при смене слайда? У меня простой код:
var modernSlider = new Swiper ('.swiper-container', {
slidesPerView: 1,
centerSlides: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
modernSlider.on('slideChange', function(){
var $self = $('.swiper-slide');
var $tSpan = $self.find('.text h1 span');
gsap.to($tSpan, {
duration: 0.4,
y: '50px'
})
})
Не могли бы вы мне помочь? Заранее спасибо!