swiper给分页器加滚动条

你可以使用 Swiper 的 scrollbar 参数来给分页器加上滚动条。首先，确保你已经引入了 Swiper 的相关文件。然后，在初始化 Swiper 实例时，设置 scrollbar 参数为一个选择器（比如 '.swiper-scrollbar'），并在 HTML 中添加对应的元素。以下是一个示例代码：

HTML：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <!-- 添加你的滑动内容 -->
  </div>
  <div class="swiper-pagination"></div>
  <div class="swiper-scrollbar"></div> <!-- 这里添加滚动条元素 -->
</div>

CSS：

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-scrollbar {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 6px;
  height: 100px;
  background-color: #ccc;
}

JavaScript：

var mySwiper = new Swiper('.swiper-container', {
  scrollbar: {
    el: '.swiper-scrollbar', // 这里使用滚动条元素的选择器
  },
  // 其他 Swiper 参数...
});

这样就可以给 Swiper 的分页器加上滚动条了。你可以根据需要调整滚动条的样式和位置。