@Pipop

Как поставить слайд посередине?

https://codepen.io/GunAlv/pen/JjGbyqR

Хочу добиться примерно такого же поведения, как в Slick Center Mode с центрованными слайдами. Сейчас, если в Swiper использовать опцию centeredSlides: true, то слайды центруются посередине, но мне необходимо избежать пустоты сверху (как в видно в результате на codepen). Нужного поведения можно добиться, если изменить, к примеру, slidesPerView: 3 и добавить centeredSlidesBounds: true, однако в моей ситуации slidesPerView должен быть 'auto'.
Кажется, такое поведение не предусмотрено в Swiper, но, может, кто-нибудь уже сталкивался с подобным?
  • Вопрос задан
  • 359 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Devyatov
Если я правильно понял ваш вопрос, то достаточно поставить

margin: 0 auto;

А чтобы избежать пустоты сверху, вы можете использовать

transform: translateY(-30px)

https://codepen.io/devyatov/pen/WNroXqZ
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы