QR CODE для записи![QR CODE для записи “Скролл для owl.carousel.js без jquery.mousewheel.js” QR CODE для записи “Скролл для owl.carousel.js без jquery.mousewheel.js”](https://blog.g63.ru/wp-content/uploads/qr/9439593df2211c34a88be06e8fdcb3c4.png)
![QR CODE для записи “Скролл для owl.carousel.js без jquery.mousewheel.js” QR CODE для записи “Скролл для owl.carousel.js без jquery.mousewheel.js”](https://blog.g63.ru/wp-content/uploads/qr/9439593df2211c34a88be06e8fdcb3c4.png)
Социальные закладки:
Скролл для owl.carousel.js без jquery.mousewheel.js
Была задача подключить прокручивание мышью (mousescroll/mousewheel) на VanillaJS (чистом JS) без подключения лишней библиотеки jquery.mousewheel.js, так как поддержка старых браузеров была не нужна.
За основу был взят код из документации и изменена в нём всего одна строка:
var owl = $('.owl-carousel');
owl.owlCarousel({
loop:true,
nav:true,
margin:10,
responsive:{
0:{
items:1
},
600:{
items:3
},
960:{
items:5
},
1200:{
items:6
}
}
});
// Ниже незначительно изменён код для работы без jquery.mousewheel.js
document.querySelector('.owl-carousel').onwheel = function(){
if(event.wheelDelta > 0){
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
event.preventDefault();
};
Данный код будет прекрасно работать в современных браузерах.