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

Question

[sergey_valerevich]

Есть блок с отзывами, в нем три слайда, два первых по содержанию одинаковые, третий по содержанию намного меньше, соответственно, когда переключаю со второго на третий и с третьего на первый или второй, блок то увеличивается то уменьшается! Подскажите какие стили применить, что бы слайды не дергались и не прыгали в зависимости от контента?
Что бы в будущем, если я захочу добавить более объёмный отзыв всё отображалось нормально!
https://jsfiddle.net/15793Lmo/

Comments

[Валентин Бируля]

Жалко Сергея:(

Answer 1

[WapSter]

Тут лучше не стилями, а js так-как ты никогда не знаешь сколько нужно по высоте контенту. Получи максимальную высоту из всех слайдов, и задай такую же всем.
UPD. Внимательнее глянул твой код. Там оказывается display: none в основе. Стоит пределать на скольжение (все слайды видно, но просто скрыты за границами блока), что бы было без дерганий.

Answer 2

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

Практически во всех слайдерах есть настройка адаптивная высота. По описанию, как будто у вас опция включена. Если её отключить высота блока будет по высоте самого большого слайда.
Зы. Код не смотрел, с мобилки. Если самопис, то может и нет у вас такой настройки

Comments

[sergey_valerevich]

Слайдер сам писал! Библиотеки никакие не использовал!

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

sergey_valerevich, добавь метод расчёта самого высокого элемента и добавляй это значение обертке

Answer 3

[Антон]

.slider__item min-height: 100px