我在我的网站上使用bootstrap carousel滑块。我想在mouseScroll.how上更改幻灯片我可以使用this.this代码吗?但我想在mouseScroll上更改幻灯片这是我的代码
<script>
$(document).ready(function() {
$("#product_slider").owlCarousel({
rtl:true,
loop:true,
margin:4,
autoplay:false,
autoplayTimeout:10000,
autoplayHoverPause:true,
lazyLoad : true,
pagination:false,
nav:true,
dots: false,
navText:false ,
responsive:{
0:{
items:1
},
500:{
items:1
},
768:{
items:4
},
1200:{
items:5
}
}
});
});
</script>回答 1
Stack Overflow用户
发布于 2017-06-15 05:39:30
当您在旋转木马上滚动鼠标滚轮时，这将使旋转木马发生变化。我认为当你的鼠标在旋转木马上时，防止整个页面滚动是明智的，但我在这里没有花时间这样做。
小提琴https://jsfiddle.net/mikeferrari/z34m1wbo/
// select the carousel container
var myelement = document.getElementById("myCarousel");
// this function is called every time the mouse wheel is scrolled
function makeItSo() {
// this is where you tell it to go to the next slide
$('.carousel').carousel('next')
}
myelement.addEventListener('wheel', function(e) {
makeItSo();
});
// start your carousel on page load
$('.carousel').carousel({
interval: 2000
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44558689
复制
相似问题
带鼠标水平滚动的滑块
滑动滑块鼠标滚动和循环内容
鼠标轮时垂直滑动滑块内的嵌套滚动:真
当鼠标碰巧在范围滑块上滚动时，会更改值。
加载滑块时，高度会发生变化。
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
