Код: Выделить всё
AOS.init({
useClassNames: true,
initClassName: false,
animatedClassName: 'animated',
once: true
});На главном экране у меня есть слайдер
Код: Выделить всё
function initSlideshowSlider(slider) {
let splide = new Splide(slider);
splide.mount();
slider.setAttribute('data-initialized', true);
function resetAnimations() {
let allSlides = splide.Components.Slides.get();
allSlides.forEach(function(slide) {
let animatedElements = slide.slide.querySelectorAll('[data-aos]');
animatedElements.forEach(function(element) {
element.classList.remove('aos-animate');
});
});
}
function animateActiveSlide(index) {
let activeSlide = splide.Components.Slides.getAt(index).slide;
let animatedElements = activeSlide.querySelectorAll('[data-aos]');
animatedElements.forEach(function(element) {
element.classList.add('aos-animate');
});
}
setTimeout(function() {
resetAnimations();
animateActiveSlide(splide.index);
}, 500);
splide.on('moved', function(newIndex) {
resetAnimations();
animateActiveSlide(newIndex);
});
}Анимация на нем срабатывает сразу при загрузке слайдера и при каждом свайпе . Но это также работает при прокрутке. То есть когда я прокручиваю, анимация на слайдах, которых не видно, уже сработала. Как отключить анимацию прокрутки специально для этого слайдера?
Подробнее здесь: https://stackoverflow.com/questions/785 ... ne-section
Мобильная версия