猫头鹰旋转木马与鼠标滚轮滚动插件速度

我正在使用Owl Carousel 2Mouse 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 一起正常工作吗?


慕码人2483693
浏览 100回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript