Как добиться чтобы Slick слайдер без зацикливания не прокручивал слайды влево до последнего?

Question

[Kripto77]

https://jsfiddle.net/65n62w3b/3/

Адаптивный слайдер без зацикливания - заранее кол-во показываемых слайдов неизвестно - может быть от 2 до 7

Как добиться чтобы слайды не прокручивались влево до последнего, а тормозились когда правый последний слайд показывался из-за правой границы контейнера

Справа остается слишком много пустоты

Answer 1

[Евгений Калибров]

Вы можете посчитать заранее сколько слайдов у вас умещается при разных разрешениях экрана, и с помощью свойства responsive задать нужные брейпоинты, например так:

$('.slider').slick({
	variableWidth: true,
  dots: false,
  infinite: false,
  slidesToShow: 5,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 4
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 2
      }
    }
  ]
});

https://jsfiddle.net/65n62w3b/6/

Comments

[Kripto77]

Спасибо, но хотелось бы без костылей - чтобы автоматически считал. Разработчик пишет что его слайдер решает все вопросы. Теперь в этом сомневаюсь - при всех несомненных достоинствах slick slider

[Евгений Калибров]

Ну разработчик советует тоже самое что и я, для решения вашей задачи - https://github.com/kenwheeler/slick/issues/1071 :)