From 0768a95471d99c48df774f8eb124976c3f75784f Mon Sep 17 00:00:00 2001 From: Matthew Huie Date: Thu, 19 Sep 2013 20:49:17 +0400 Subject: [PATCH 1/2] Added 'enableWheel' option to enable curtain navigation with the mouse wheel --- curtain.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/curtain.js b/curtain.js index 898e794..ae1b9ad 100644 --- a/curtain.js +++ b/curtain.js @@ -18,6 +18,7 @@ controls: null, curtainLinks: '.curtain-links', enableKeys: true, + enableWheel: false, easing: 'swing', disabled: false, nextSlide: function() {}, @@ -392,6 +393,21 @@ }); } + if(self.options.enableWheel) { + $(document).on('mousewheel', function(e){ + if(e.originalEvent.wheelDelta === -120) { + self.scrollToPosition('down'); + e.preventDefault(); + return false; + } + if(e.originalEvent.wheelDelta === 120) { + self.scrollToPosition('up'); + e.preventDefault(); + return false; + } + }); + } + if(self.options.scrollButtons){ if(self.options.scrollButtons.up){ self.options.scrollButtons.up.on('click', function(e){ From 1f01e1a943591c2bc40ee530db607d35d460ceeb Mon Sep 17 00:00:00 2001 From: Matthew Huie Date: Thu, 19 Sep 2013 22:51:28 +0400 Subject: [PATCH 2/2] 'enableWheel' option has been corrected to work with DOMMouseScroll event listener --- curtain.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/curtain.js b/curtain.js index ae1b9ad..644edc3 100644 --- a/curtain.js +++ b/curtain.js @@ -394,13 +394,13 @@ } if(self.options.enableWheel) { - $(document).on('mousewheel', function(e){ - if(e.originalEvent.wheelDelta === -120) { + $(document).on('mousewheel DOMMouseScroll', function(e){ + if(e.originalEvent.wheelDelta === -120 || e.originalEvent.detail > 0) { self.scrollToPosition('down'); e.preventDefault(); return false; } - if(e.originalEvent.wheelDelta === 120) { + if(e.originalEvent.wheelDelta === 120 || e.originalEvent.detail < 0) { self.scrollToPosition('up'); e.preventDefault(); return false;