Javascript 如何滑动猫头鹰转盘滑块和滑溜滑块使用鼠标滚轮和MAC跟踪垫自定义导航？

我使用OwlCarousel 2作为滑块（）。我现在有三个滑块。我的问题是，我已经创建了自定义导航（它显示在图像的下方），我必须使用鼠标滚轮滑动图像。所以它可以在windows上运行，但不能在MAC book上运行

我在这里试过了

你能帮我解决这个问题吗

我也尝试了下面的代码，但仍然没有触发

var action=false，
单击=假；
var Owl={
init:function（）{
猫头鹰旋转木马（）；
},
旋转木马：函数（）{
猫头鹰变种；
$（文档）.ready（函数（）{
猫头鹰=$（'.owl carousel'）。猫头鹰carousel({
项目：1，
中：是的，
导航：错，
点：是的，
循环：对，
差额：10，
动画输出：“滑动输出”，
animateIn:“slideInUp”，
dotsContainer:“.test”，
//导航文本：['prev'，'next']，
});
$（'.homeDots'）。在（'click'，'li'，函数（e）上{
trigger（'to.owl.carousel'，[$（this.index（），300]）；
});
$（'.homeDots'）。on（'mouseweell'，'li'，函数（e）{
//$（'.homeDots'）.trigger（'to.owl.carousel'，[$（this.index（），300]）；
如果（e.deltaY>0）{
$（'.owl carousel'）.trigger（'to.owl.carousel'，[$（this.index（），300]）；
}否则{
$（'.owl carousel'）.trigger（'to.owl.carousel'，[$（this.index（），300]）；
}
e、 预防默认值（）；
});
});
}
};
var owl=$（'.owl carousel'）；
owl.on（'changed.owl.carousel'，函数（事件）{
var item=event.item.index-2；//当前项的位置
$（'h2'）.removeClass（'animated bounce'）；
$（'.owl item'）.not（'.cloned'）.eq（item）.find（'h2'）.addClass（'animated bounce'）；
});
$（文档）.ready（函数（）{
Owl.init（）；
});
正文{
保证金：0；
填充：0；
身高：100%；
}
氢{
保证金：0；
填充：0；
}
.幻灯片文本{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
左：10%；
颜色：#fff；
}
.横幅背景{
背景重复：无重复；
背景尺寸：封面；
宽度：100%；
高度：100vh；
}
.幻灯片1{
背景图像：线性渐变（rgba（255，255，255，0.4），rgba（255，255，255，0.4）），url（'https://cdn.pixabay.com/photo/2018/05/28/22/11/message-in-a-bottle-3437294__340.jpg');
}
.幻灯片2{
背景图像：线性渐变（rgba（255，255，255，0.4），rgba（255，255，255，0.4）），url（'https://www.annmarieackermann.com/wp-content/uploads/2016/08/sea-1514249_1280-Pixabay.jpg');
}
.幻灯片3{
背景图像：线性渐变（rgba（255，255，255，0.4），rgba（255，255，255，0.4）），url（'https://cdn.pixabay.com/photo/2018/05/28/22/11/message-in-a-bottle-3437294__340.jpg');
}

Lorem ipsum dolor sit amet
伊库利斯精英酒店。这是最大的缺陷。
Lorem ipsum dolor sit amet
伊库利斯精英酒店。这是最大的缺陷。
Lorem ipsum dolor sit amet
伊库利斯精英酒店。这是最大的缺陷。

关于我们的

我们的产品
我们的服务

以下是鼠标滚轮滑动条的工作代码。您可以为Owl转盘应用相同的登录


$（文档）.ready（函数（$）{
变量滑块=$（“.slider”）
滑头({
点：是的，
是的，
点：错，
普雷瓦罗：错，
下一行：错，
asNavFor:'.homeDots.test'，
});
slider.on（'mousewheel'，函数（e）{
如果（例如原始事件车轮增量/120>0）{
jQuery（this.slick（'slickPrev'）；
}
否则{
jQuery（this.slick（'slickNext'）；
}
});
$（'.homeDots.test'）。光滑({
幻灯片放映：5，
幻灯片滚动：5，
点：是的，
是的，
自适应高度：正确，
点：错，
普雷瓦罗：错，
下一行：错，
asNavFor:“.slider”，
centerMode：对，
焦点选择：正确
});
});
*，*：之后，*：之前{
框大小：边框框；
}
身体{
字体系列：“开放式Sans”，衬线；
背景色：#fff；
填充：100px；
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
溢出：隐藏；
}
.光滑滑块{
身高：100%；
}
.平滑垂直.平滑滑动{
边界：无；
}
.滑块{
宽度：100%；
}
/*.滑滑梯{
利润率：0px 20px；
}*/
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色；
}
.滑滑梯{
过渡：全部轻松进出。3s；
不透明度：.2；
}
.滑头活跃{
不透明度：.5；
}
.滑流{
不透明度：1；
}
a-幻灯片{
背景重复：无重复；
背景尺寸：封面；
宽度：100%；
身高：100%；
}
.滑杆组{
身高：100%！重要；
/*加上这个*/
宽度：100%！重要；
}
.幻灯片1{
背景图像：url（'https://cdn.pixabay.com/photo/2018/05/28/22/11/message-in-a-bottle-3437294__340.jpg');
}
.幻灯片2{
背景图像：url（'https://www.annmarieackermann.com/wp-content/uploads/2016/08/sea-1514249_1280-Pixabay.jpg');
}
.幻灯片3{
背景图像：url（'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg');
}
.幻灯片4{
背景图像：url（'https://timesofindia.indiatimes.com/thumb/msid-66476517，imgsize-196276，宽-800，高-600，resizemode-4/66476517.jpg'）；
}
.幻灯片5{
背景图像：url（'https://media.cntraveller.in/wp-content/uploads/2018/10/GettyImages-990972132-866x487.jpg');
}
.homeDots{
位置：绝对位置；
最高：50%；
右：05%；
z指数：10；
转化：translateY（-50%）；
颜色：#ccc；
宽度：100%；
最大宽度：200px；
填充机器人