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

标签 javascript mousewheel swiper.js

我正在尝试使用 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 内部结构才能使其工作?

最佳答案

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

mousewheelSensitivity: 0,
mousewheelReleaseOnEdges: true,

如果您发现任何其他解决方案,请与我们分享。

关于javascript - 禁用 swiper.js 的鼠标滚轮去抖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38081862/

相关文章:

jquery - 如何获得每个 swiper-slide 元素的宽度

jQuery 窗口滚动捕捉

jquery - 单个页面上的多个滑动器初始化?

javascript - 如何在 firebase 云函数中使用 javascript setTimeout 函数

javascript - 如何在方向之间没有 "blink"的情况下使用 CSS 动画向上/向下移动 div?

javascript - 为什么直接在 Array 实例上调用 Array.prototype.map 会产生 "unmodified"数组?

javascript - 一旦某个东西离开屏幕 'slid' 如何杀死它?

css - 在运行时禁用 CTRL/Wheel 缩放效果

actionscript-3 - Actionscript 3,flexSDK,在 Flash 阶段结束时阻止鼠标滚轮滚动

jquery - swiper自定义分页只滑动一次