mousewheel: prevent page scroll

coverflowjs · Sep 16, 2015 · 0eaf4fa · 0eaf4fa
1 parent c6a1b4b
commit 0eaf4fa
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 5 deletions.
diff --git a/dist/coverflow.js b/dist/coverflow.js
@@ -2936,6 +2936,11 @@ $.extend( $.coverflow.renderer, {
 					mousewheel: debounce(me._onMouseWheel, 200),
 					DOMMouseScroll: debounce(me._onMouseWheel, 200)
 				});
+
+				me._on({
+					mousewheel: me._preventPageScroll,
+					DOMMouseScroll: me._preventPageScroll
+				});
 			}
 
 			if( o.trigger.swipe ) {
@@ -3287,10 +3292,12 @@ $.extend( $.coverflow.renderer, {
 				index: index != null ? index : this.currentIndex
 			};
 		},
+		_preventPageScroll : function(ev) {
+			ev.preventDefault();
+		},
 		_onMouseWheel : function ( ev ) {
 			var origEv = ev.originalEvent;
 
-			ev.preventDefault();
 			if( origEv.wheelDelta > 0 || origEv.detail < 0 ) {
 				this.prev();
 				return;

diff --git a/dist/coverflow.min.js b/dist/coverflow.min.js
diff --git a/dist/coverflow.standalone.js b/dist/coverflow.standalone.js
@@ -829,6 +829,11 @@ $.extend( $.coverflow.renderer, {
 					mousewheel: debounce(me._onMouseWheel, 200),
 					DOMMouseScroll: debounce(me._onMouseWheel, 200)
 				});
+
+				me._on({
+					mousewheel: me._preventPageScroll,
+					DOMMouseScroll: me._preventPageScroll
+				});
 			}
 
 			if( o.trigger.swipe ) {
@@ -1180,10 +1185,12 @@ $.extend( $.coverflow.renderer, {
 				index: index != null ? index : this.currentIndex
 			};
 		},
+		_preventPageScroll : function(ev) {
+			ev.preventDefault();
+		},
 		_onMouseWheel : function ( ev ) {
 			var origEv = ev.originalEvent;
 
-			ev.preventDefault();
 			if( origEv.wheelDelta > 0 || origEv.detail < 0 ) {
 				this.prev();
 				return;

diff --git a/dist/coverflow.standalone.min.js b/dist/coverflow.standalone.min.js
diff --git a/src/js/coverflow.js b/src/js/coverflow.js
@@ -222,6 +222,11 @@
 					mousewheel: debounce(me._onMouseWheel, 200),
 					DOMMouseScroll: debounce(me._onMouseWheel, 200)
 				});
+
+				me._on({
+					mousewheel: me._preventPageScroll,
+					DOMMouseScroll: me._preventPageScroll
+				});
 			}
 
 			if( o.trigger.swipe ) {
@@ -573,10 +578,12 @@
 				index: index != null ? index : this.currentIndex
 			};
 		},
+		_preventPageScroll : function(ev) {
+			ev.preventDefault();
+		},
 		_onMouseWheel : function ( ev ) {
 			var origEv = ev.originalEvent;
 
-			ev.preventDefault();
 			if( origEv.wheelDelta > 0 || origEv.detail < 0 ) {
 				this.prev();
 				return;

diff --git a/tests/visual_3d.html b/tests/visual_3d.html
@@ -11,6 +11,12 @@
 	<link type="text/css" href="../src/css/coverflow.css" rel="stylesheet" />
 	<link type="text/css" href="../libs/jquery-ui/themes/base/jquery.ui.core.css" rel="stylesheet" />
 
+	<style type="text/css">
+		html,
+		body {
+			min-height: 200%;
+		}
+	</style>
 </head>
 <body>