我创建了一个垂直滑块,它只包含一个幻灯片,其中包含许多行。我想让它向下滑动时向下滚动。
但实际结果是,在我向下滚动后,当我的手指离开屏幕时,它会滚动回到顶部。
演示在这里: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
始终位于首位。