QR CODE для записи

Скролл для 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();
};

Данный код будет прекрасно работать в современных браузерах.