带有鼠标滚轮滚动插件速度的猫头鹰轮播

问题描述

我在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张幻灯片，无法使用。我希望它尽可能平滑地滚动鼠标滚轮。

我找到了一个集成了mousewheel插件的灯箱插件，并检查了它们的工作方式，但是我只是不知道如何在我的代码中使用它，您能帮我吗？

这是插件：http://fancybox.net

您可以查看Image gallery (ps,try using mouse scroll wheel) 弹出库示例。

如果下载了该插件，则可以看到他们以这种方式实现了Mouse 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一起正常工作吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript jquery mousewheel owl-carousel