在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等属性进行位置调整

swiper-button-prev 在swiper-container外面

原文地址: https://www.cveoy.top/t/topic/inml 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录