swiper-button-prev 在swiper-container外面
在swiper-container外面创建一个div包裹swiper-container和swiper-button-prev,然后使用CSS将swiper-button-prev定位到合适的位置。
HTML代码示例:
<div class="swiper-wrapper">
<div class="swiper-container">
<!-- swiper slides -->
</div>
<div class="swiper-button-prev"></div>
</div>
CSS代码示例:
.swiper-wrapper {
position: relative;
}
.swiper-button-prev {
position: absolute;
top: 50%;
left: 10px; /* 调整左侧距离 */
transform: translateY(-50%);
/* 样式设置,如背景图片等 */
}
通过将swiper-container和swiper-button-prev包裹在一个div中,并设置该div的position为relative,然后将swiper-button-prev设置为绝对定位,使用top、left等属性进行位置调整
原文地址: https://www.cveoy.top/t/topic/inml 著作权归作者所有。请勿转载和采集!