Swiper中文论坛

标题: swiper滚动条scrollbar问题 [打印本页]
作者: 臾凉    时间: 2018-12-10 17:14
标题: swiper滚动条scrollbar问题
使用scrollbar属性，滚动条的滑块是从中间开始的，不是从最左边开始滑动，

JS代码如下
  1. <script>
  2.     var swiper = new Swiper('.swiper-container', {
  3.       scrollbar: {
  4.         el: '.swiper-scrollbar',
  5.         hide: true,
  6.       },
  7.     });
  8.   </script>
复制代码
HTML代码

  1. <div class="swiper-container" style="height: 30%;width: 100%">
  2.         <div class="swiper-wrapper" style="height: 100%;width: 100%">

  4.             <div class="swiper-slide"><img  src="img/n.png"></div>
  5.             <div class="swiper-slide"><img  src="img/n.png"></div>
  6.             <div class="swiper-slide"><img  src="img/n.png"></div>
  7.             <div class="swiper-slide"><img  src="img/n.png"></div>
  8.             <div class="swiper-slide"><img  src="img/n.png"></div>
  9.             <div class="swiper-slide"><img  src="img/n.png"></div>
  10.             <div class="swiper-slide"><img  src="img/n.png"></div>
  11.             <div class="swiper-slide"><img  src="img/n.png"></div>
  12.             <div class="swiper-slide"><img  src="img/n.png"></div>
  13.             <div class="swiper-slide"><img  src="img/n.png"></div>

  15.         </div>

  17.         <div class="swiper-scrollbar"></div>

  19.     </div>
复制代码
求助！！！
作者: pandasLin    时间: 2020-11-5 13:55
请问解决了吗？我也遇到了这个问题。



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2