“Swiper.js”

时间:2017-04-26 04:06:10

标签: javascript swiper

我创建了一个垂直滑块,它只包含一个幻灯片,其中包含许多行。我想让它向下滑动时向下滚动。

但实际结果是,在我向下滚动后,当我的手指离开屏幕时,它会滚动回到顶部。

演示在这里:https://jsfiddle.net/v84f688o/2/

//html:
<body>

  <div class="msg-content-container swiper-container">
    <div class="msg-content-wrapper swiper-wrapper">
      <div class="msg-content-slide swiper-slide">
        <div class="msg-content">
        </div>
      </div>
    </div>
    <div class="msg-content-swiper-scrollbar"></div>
  </div>
</body>
// js:
$('.msg-content').html('first line' +'<p>asdfsf</p>'.repeat(100));

var swiper = new Swiper('.msg-content-container',
{
    wrapperClass: 'msg-content-wrapper',
    slideClass: 'msg-content-slide',
    direction: 'vertical',
    width: 100,
    height: 200,
    scrollbar: '.msg-content-swiper-scrollbar',
    mouseswheelControl: true,
    freeMode: true
})

无论我如何滑动,first line始终位于首位。

0 个答案:

没有答案