Задать вопрос
@prokopn

Как сделать dynamicBullets swiper не по середине?

Подскажите пожалкйста, у swiper есть пагинация, включен dynamicBullets, но пагинация становится по середине изначально 671a3365e37aa158811782.png, а должна быть изначально с начало левой стороны 671a3379486f9663668205.png. Перечитал всю документацию свайпер и гугл, не нашел решения проблемы. Если поставить пагинацию принудительно быть в левой стороне, то dynamicBullets перестает работать
  • Вопрос задан
  • 90 просмотров
Подписаться 1 Средний 1 комментарий
Решения вопроса 1
alsolovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Вот стандартные стили у "булетов":
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%); 
    white-space: nowrap;
}

Переопределите под ваши нужды. Например так:
.swiper-pagination-bullets {
  left: 0 !important;
  transform: translateX(0) !important; 
}


Офф. пример с их сайта:

если необходимо добавить кликабельность, которая изначально отключена, то меняет свойство clickable на true
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы