为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕码人2483693 2023-07-14 16:38:55
我正在使用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 一起正常工作吗?
查看完整描述

目前暂无任何回答

  • 0 回答
  • 0 关注
  • 65 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信