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%">
   
3. 
   
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>
    
14. 
    
15.         </div>
    
16. 
    
17.         <div class="swiper-scrollbar"></div>
    
18. 
    
19.     </div>

复制代码

求助！！！

pandasLin

请问解决了吗？我也遇到了这个问题。