Клиент выдал правку, от которой слегка выпал в осадок.
Требуется, чтобы в слайдере, проскролленом за пределы экрана, допустим, больше чем за 500px, отключалась автопрокрутка.
Как это вообще можно реализовать?
$('[data-slick]').each(function () {
var slider = $(this),
autoplay;
$(window).on('load scroll', function() {
var sliderHeight = slider.height(),
windowHeight = window.screen.height,
scroll = $(window).scrollTop(),
visibleZone = sliderHeight - scroll;
if (visibleZone <= 100) {
autoplay = false;
} else {
autoplay = true;
}
});
slider.slick({
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
autoplay: autoplay,
autoplaySpeed: 5000,
arrows: false,
dots: true,
});
});