slick slider только для мобильных

Как сделать 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;
}

 

Оставьте комментарий