Задать вопрос
@zwezew

Отключать автопрокрутку Slick, если слайдер проскроллен за пределы экрана?

Клиент выдал правку, от которой слегка выпал в осадок.
Требуется, чтобы в слайдере, проскролленом за пределы экрана, допустим, больше чем за 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,
        });
    });
  • Вопрос задан
  • 263 просмотра
Подписаться 2 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@futior
Запоминать номер слайдера при прокрутке, при обратной прокрутке ставить активный слайд (slickGoTo) в slick этот номер.
Ответ написан
Комментировать
msdos-x86
@msdos-x86
самоучка
тебе платят деньги, а не нам
так что удачи
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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