Почему вылазят слайды?

Question

[Bartf]

Вообщем, делал слайдер, все хорошо до некоторого расширения, а потом такие вот баги. Даже сли ограничить показ елементов до 1, на мобилке всеравно такое потом. Как исправить?

Photo

Код в песочнице(картинки не грузит, так что только так
Вот код скачать

Comments

[Антон Литвиненко]

реально думаете что кто-то будет качать архив с кодом, распаковывать его и где-то открывать? Я, например, большую часть с мобилки сижу, и только когда надо писать реально код открываю на компе

[Bartf]

Антон Литвиненко, там jQuery подключен, в пепочницу залить не могу.

[Антон Литвиненко]

Bartf, в песочницах спокойно подключается джейквери и не только

[Bartf]

Антон Литвиненко, оформил

Answer 1

[Антон Литвиненко]

Я заморочился, скачал и открыл и запустил у себя.
Все работает как и должно. У вас centerMode: true, даже в демках на сайте слика оно так и выглядит при этом режиме. половинки по краям.
А еще у вас нет метатега viewport типа такого:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

А еще свои стили и скрипты нужно подключать после библиотечных.
А еще зачем два раза подключать скрипты слайдера?
А еще инициализацию слайдера тоже бы неплохо завернуть в document.ready

Вот нагуглил пару решений:
https://github.com/kenwheeler/slick/issues/1527
https://stackoverflow.com/questions/36172489/slick...

Попробовал на одном на парочке своих проектов, на слике тоже такая штука, а вот со Swiper вроде норм. Попробуете Swiper slider

Comments

[Bartf]

Спасибо. Этот тег есть, просто это вырезка из кода. Так получаеться на исправить?

[Bartf]

Я добавил centerPadding: '10px',. Штука костыльная, и не универсальная. Но на мелких экранах буду по 1 слайду выводить и все ок будет думаю. Времени на Swiper переделывать уже нету