Как сделать slick-slider только для мобильного — а для широких экранов выключить слик слайдер.
// Флаг включённости слайдера slick
var slickSliderActive = false;
// Включение или выключение слайдера (в зависимости от ширины)
function checkSlider(){
// Если вьюпорт уже чем 768
if( $(window).width() < 800 - getScroll() ) {
// Если флаг включённости опущен, то включим и поднимем флаг // all_actual_news_dots
if(slickSliderActive == false) {
$('.slider_class').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: false,
infinite: false,
variableWidth: true,
});
slickSliderActive = true;
}
}
// Иначе (вьюпорт НЕ уже чем 768)
else {
// Если флаг включённости поднят, выключаем и опускаем флаг
if(slickSliderActive == true) {
$('.slider_class').slick('unslick');
slickSliderActive = false;
}
}
};
// По готовности DOM
checkSlider();
При изменении области просмотра
$(window).on('resize', checkSlider);
function getScroll(){
var div = document.createElement('div');
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
div.style.visibility = 'hidden';
document.body.appendChild(div);
var scrollWidth = div.offsetWidth - div.clientWidth;
document.body.removeChild(div);
return scrollWidth;
}