Как отключить анимацию прокрутки AOS для одного разделаCSS

Разбираемся в CSS
Ответить
Anonymous
 Как отключить анимацию прокрутки AOS для одного раздела

Сообщение Anonymous »

У меня подключена библиотека AOS для анимации

Код: Выделить всё

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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»