作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
是否有选项可以仅滚动鼠标滚轮上的猫头鹰旋转木马 slider 之一?当我单击上一个或下一个按钮时,它仅滑动当前的轮播,但在鼠标滚轮上滑动所有!
HTML
<div class="owl-carousel">
<div class="item">
item
</div>
<div class="item">
item
</div>
<div class="item">
item
</div>
</div>
JS
$('.owl-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
responsiveClass: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
});
var owl = $('.owl-carousel');
owl.on('mousewheel', '.owl-stage', function(e) {
if (e.deltaY > 0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});
最佳答案
好吧,在您的代码中,owl = $('.owl-carousel')
正在抓取 owl-carousel
类的所有节点。因此,当鼠标滚轮事件发生时,会导致所有幻灯片滚动。因此,您需要引用当前聚焦的 slider 并仅触发该 slider 的事件。希望这能解决您的问题。 jsfiddle
关于javascript - 猫头鹰旋转木马 2 鼠标滚轮 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38098865/
我尝试通过电子邮件发送使用 Delphi 构建的 DLL 文件,但收到了拒绝电子邮件报告: “您的电子邮件被拒绝,因为它包含 Trojan.Delf-9364” 所以我将文件上传到 http://sc
Nod32 刚刚警告我有关嵌入到网站图标中的木马。 我在这里复制了 favicon.ico 的内容: http://pastebin.com/BkD4tKNy 不幸的是,我对 Javascript 没
我正在 Code::Blocks 20.03 和 MinGW(GCC Build-20200227-1 9.2.0,单独安装)中测试一个简单的“hello world”程序,但运行它时在控制台上没有消
我是一名优秀的程序员,十分优秀!