Блог

Главная - Вопросы по программированию - Скользкий слайдер: недостаточно слайдов для прокрутки

Скользкий слайдер: недостаточно слайдов для прокрутки

#javascript #html #jquery #css #slick.js

Вопрос:

Есть скользкий слайдер с параметрами slides To Show: 3, slides To Scroll: 1 . Если слайдов больше трех, значит, все работает правильно:

 $('.slider').slick({
  infinite: true,
  speed: 1500,
  slidesToShow: 3,
  slidesToScroll: 1
}) 
 .slide {
  padding: 30px;
  border: 1px solid red;
} 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<div class="slider">
  <div class="slide">1</div>
  <div class="slide">2</div>
  <div class="slide">3</div>
  <div class="slide">4</div>
</div>

Но если я оставлю только три слайда, элементы управления исчезнут и прокрутка будет заблокирована:

 $('.slider').slick({
  infinite: true,
  speed: 1500,
  slidesToShow: 3,
  slidesToScroll: 1
}) 
 .slide {
  padding: 30px;
  border: 1px solid red;
} 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<div class="slider">
  <div class="slide">1</div>
  <div class="slide">2</div>
  <div class="slide">3</div>
</div>

Можно ли заставить Скользкий ползунок прокручивать количество слайдов, которые указаны для отображения?

Метки: