From 6ef36e57f1f785bb07293965f0f67402d354da5f Mon Sep 17 00:00:00 2001 From: Kenneth Jao Date: Thu, 13 Apr 2017 03:23:52 -0400 Subject: [PATCH] fixed drag scrolling to not jump --- hourglass/client/main/main.js | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/hourglass/client/main/main.js b/hourglass/client/main/main.js index ae2ddac..0499fe8 100644 --- a/hourglass/client/main/main.js +++ b/hourglass/client/main/main.js @@ -73,25 +73,22 @@ Template.classesMode.rendered = function() { $(".mainClass .slimScrollBar").css("display", "none"); // Classes mode drag scrolling - var area = $("#classesMode"); - var curDown; - var curXPos; - - area.mousedown(function(m){ - curDown = true; - curXPos = m.pageX; + var dX = 0; + var currX = 0; + var area = new Hammer($("#classesMode")[0], { + domEvents: true }); - area.mouseup(function(){ - curDown = false; + area.add(new Hammer.Pan({ threshold: 0 })); + + area.on('panmove', function(e) { + dX = currX + e.deltaX; + $("#classesMode").scrollLeft(-dX); }); - area.mousemove(function(m){ - if(curDown) { - area.scrollLeft($(window).scrollLeft() + (curXPos - m.pageX)); - } + area.on('panend', function(e) { + currX = dX; }); - }; // Global Helpers