Javascript 猫头鹰转盘与鼠标滚轮滚动插件速度

Javascript 猫头鹰转盘与鼠标滚轮滚动插件速度,javascript,jquery,owl-carousel,mousewheel,Javascript,Jquery,Owl Carousel,Mousewheel,我正在使用owlcarousel2和鼠标滚轮插件,网站展示了如何实现它: 以下是我的例子: 这是我的代码: owl.on('mousewheel', '.owl-stage', function (e) { if (e.deltaY>0) { owl.trigger('next.owl'); } else { owl.trigger('prev.owl'); } e.preventDefault(); }); 我的问题是卷轴不平滑,速度很快,一次

我正在使用
owlcarousel2
鼠标滚轮
插件,网站展示了如何实现它:

以下是我的例子:

这是我的代码:

owl.on('mousewheel', '.owl-stage', function (e) {
  if (e.deltaY>0) {
      owl.trigger('next.owl');
  } else {
      owl.trigger('prev.owl');
  }
  e.preventDefault();
});
我的问题是卷轴不平滑,速度很快,一次滚动6-10张幻灯片,这是不可用的。 我希望它像鼠标滚轮滚动一样平滑

我找到了一个lightbox插件,它集成了mousewheel插件,并检查了它们是如何实现的,但我不知道如何在我的代码中使用它,你能帮我吗

这是插件:

您可以查看
图像库(ps,尝试使用鼠标滚轮)
弹出库示例

如果你下载了这个插件,你可以看到他们是这样实现鼠标滚轮插件的:

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转盘一起正常工作吗?

您需要使用smartSpeed功能来设置滚动速度

var owl=$('.owl carousel');
$('.owl carousel')。owl carousel({
循环:对,
保证金:0,
导航:是的,
智能速度:1000,
响应:{
0:{
项目:1
},
600:{
项目:1
},
1000:{
项目:1
}
}
});
owl.on('mouseweell','.owl stage',函数(e){
如果(e.deltaY>0){
触发器('next.owl');
}否则{
owl.trigger('prev.owl');
}
e、 预防默认值();
});
$(文档,窗口,'html').mouseleave(函数(){
$(“#页脚”).fadeOut();
}).mouseenter(函数(){
$(“#页脚”).fadeIn();
});
$(函数(){
$(“#header”).load(“includes/header.html”);
$(“#footer”).load(“includes/footer.html”);
});
body{padding top:0px;}

谢谢,但如果您检查代码片段,它根本不工作,仍然会执行相同的行为。