禁用swiper.js的鼠标滚轮去抖动

时间:2016-06-28 16:42:08

标签: javascript mousewheel swiper

我正在尝试使用swiper.js创建一个可垂直滚动且可拖动的列表,我几乎达到了目标。只剩下一个问题:

鼠标滚轮感觉非常迟钝。每次滚动后,在下一次滚动之前会有一个小延迟。看看这里的行为:

http://idangero.us/swiper/demos/20-mousewheel-control.html

到目前为止,这是我的配置:

this.swiper = new Swiper(this.$el, {
    direction: 'vertical',
    centeredSlides: true,
    spaceBetween: 0,
    grabCursor: true,
    slidesPerView: 'auto',
    mousewheelControl: true,
}

我还没有找到禁用此功能的方法。唯一听起来有帮助的属性mousewheelSensitivity,似乎根本不会改变行为。

这是否可能,或者我是否需要更改swiper.js内部才能使其正常工作?

2 个答案:

答案 0 :(得分:0)

我有同样的问题,并且没有找到最终答案,但是,我注意到添加下一个选项有点帮助:

mousewheelSensitivity: 0,
mousewheelReleaseOnEdges: true,

如果您找到了其他任何解决方案,请与我们分享。

答案 1 :(得分:0)

鼠标轮的方法和属性:

function disableScrolling() {
  swiper.mousewheel.disable();
}