我正在使用Owl Carousel 2
该Mouse Wheel
插件,因为网站展示了如何实现它: https: //owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html
这是我的示例:https ://z-testing.000webhostapp.com/_owlcarousel/
这是我的代码:
owl.on('mousewheel', '.owl-stage', function (e) {
if (e.deltaY>0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});
我遇到的问题是滚动不流畅,速度非常快,一次滚动 6-10 张幻灯片,这是不可用的。我希望它尽可能平滑地滚动鼠标滚轮。
我找到了一个集成了鼠标滚轮插件的灯箱插件,并检查了它们是如何做到的,但我只是不知道如何在我的代码中使用它,你能帮我吗?
这是插件: http: //fancybox.net
您可以查看Image gallery (ps, try using mouse scroll wheel) 弹出画廊示例。
如果你下载插件,你可以看到他们是这样实现鼠标滚轮插件的:
if ($.fn.mousewheel) {
wrap.bind('mousewheel.fb', function(e, delta) {
if (busy) {
e.preventDefault();
} else if ($(e.target).get(0).clientHeight == 0 || $(e.target).get(0).scrollHeight === $(e.target).get(0).clientHeight) {
e.preventDefault();
$.fancybox[ delta > 0 ? 'prev' : 'next']();
}
});
}
你能帮助我让它与 Owl Carousel 一起正常工作吗?
相关分类