Slick responsive

252

29 сентября 2017, 20:09

Имею такую конструкцию:

$(document).ready(function () {
    $('.review_review').slick({
        responsive: [
            {
                breakpoint: 320,
                settings: "unslick",
                slidesToShow: 1,
                arrows: false,
            }
        ]
    });
});

Задача состоит в том чтобы слайдер включался после 320px и ниже, а breackpoint срабатывает как 320 и выше. Подскажите пожалуйста как правильно сделать.

Answer 1

Надо развернуть порядок responsive - mobileFirst: true:

$(document).ready(function () {
    $('.review_review').slick({
        mobileFirst: true,
        responsive: [
            {
                breakpoint: 320,
                settings: "unslick",
                slidesToShow: 1,
                arrows: false,
            }
        ]
    });
});