Как отобразить swiper-pagination-bullet за границы swiper?

Question

[What have you done]

У меня есть контент который масштабирует изображения.При попытке задать padding контенту чтобы опустить swiper-pagination-bullet ниже уровня контента (самого swiper),изображение другой высоты растягивается в низ.Как можно поступить?

Comments

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

Вроде как у свайпера элементы управления не автоматом рендерятся, и в разметке можно двигать

Answer 1

[Виталий Першин]

Создайте кастомную пагинацию и вставляйте куда угодно:
<div class="dots" data-slider-dots></div>

pagination: {
                el: '[data-slider-dots]',
                type: "bullets",
                clickable: true,
                bulletClass: "dot",
                bulletActiveClass: "dot_active",
                renderBullet: function (index, className) {
                    return '<div class="' + className + '"></div>';
                },
            },

Answer 2

[NeKt0]

.swiper-pagination {
  position: relative;
}

Мне помогло.