臾凉 发表于 2018-12-10 17:14:59

swiper滚动条scrollbar问题

使用scrollbar属性,滚动条的滑块是从中间开始的,不是从最左边开始滑动,

JS代码如下
<script>
    var swiper = new Swiper('.swiper-container', {
      scrollbar: {
      el: '.swiper-scrollbar',
      hide: true,
      },
    });
</script>HTML代码

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

            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>
            <div class="swiper-slide"><imgsrc="img/n.png"></div>

      </div>

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

    </div>求助!!!

pandasLin 发表于 2020-11-5 13:55:29

请问解决了吗?我也遇到了这个问题。:'(
页: [1]
查看完整版本: swiper滚动条scrollbar问题