From 27d32d35ea84b481dfd5b39c0fcf23fffeedcb3f Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Wed, 2 Mar 2016 18:06:46 +1100 Subject: [PATCH] Allow vertical scroll to act as horizontal Not everyone has a trackpad and can scroll horizontally, so vertical scroll can substitute here --- modules/system/assets/ui/js/drag.scroll.js | 16 +++++++++++++--- modules/system/assets/ui/storm-min.js | 5 ++++- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/modules/system/assets/ui/js/drag.scroll.js b/modules/system/assets/ui/js/drag.scroll.js index ba2864b57..a605f7777 100644 --- a/modules/system/assets/ui/js/drag.scroll.js +++ b/modules/system/assets/ui/js/drag.scroll.js @@ -67,9 +67,19 @@ if (!self.options.allowScroll) return; - var offset = self.options.vertical - ? ((event.deltaFactor * event.deltaY) * -1) - : (event.deltaFactor * event.deltaX) + var offset, + offsetX = event.deltaFactor * event.deltaX, + offsetY = event.deltaFactor * event.deltaY + + if (!offsetX) { + offset = offsetY * -1 + } + else if (!offsetY) { + offset = offsetX + } + else { + offset = self.options.vertical ? (offsetY * -1) : offsetX + } return !scrollWheel(offset) }) diff --git a/modules/system/assets/ui/storm-min.js b/modules/system/assets/ui/storm-min.js index 042738ac7..b80a663a3 100644 --- a/modules/system/assets/ui/storm-min.js +++ b/modules/system/assets/ui/storm-min.js @@ -3046,7 +3046,10 @@ this.scrollClassContainer=this.options.scrollClassContainer?$(this.options.scrol Base.call(this) if(this.options.scrollMarkerContainer){$(this.options.scrollMarkerContainer).append($(''))} $el.mousewheel(function(event){if(!self.options.allowScroll) -return;var offset=self.options.vertical?((event.deltaFactor*event.deltaY)*-1):(event.deltaFactor*event.deltaX) +return;var offset,offsetX=event.deltaFactor*event.deltaX,offsetY=event.deltaFactor*event.deltaY +if(!offsetX){offset=offsetY*-1} +else if(!offsetY){offset=offsetX} +else{offset=self.options.vertical?(offsetY*-1):offsetX} return!scrollWheel(offset)}) if(!options.noDragSupport){$el.on('mousedown.dragScroll',function(event){if(event.target&&event.target.tagName==='INPUT') return