From efbe4cdf90823d0e9006572e99ec04ab57498b81 Mon Sep 17 00:00:00 2001 From: Mathijs Peerboom Date: Tue, 3 Dec 2013 13:55:36 +0100 Subject: [PATCH] adding horizontal scrolling by mouse slide --- index.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/index.html b/index.html index 73706cc..471b850 100644 --- a/index.html +++ b/index.html @@ -258,6 +258,28 @@ h1{ } } + var slider = { + startingPostition: 0, + slidingDistance: 0, + pagePosition: 0, + init: function(){ + window.addEventListener('mousedown', function(event){ + slider.startingPostition = event.clientX; + slider.pagePosition = window.pageXOffset; + window.addEventListener('mousemove', slider.slide); + }); + window.addEventListener('mouseup', function(event){ + window.removeEventListener('mousemove', slider.slide); + }); + }, + slide: function(event){ + event.preventDefault() + slider.slidingDistance = slider.startingPostition - event.clientX; + window.scrollTo(slider.pagePosition + slider.slidingDistance, 0); + } + } + life.start(); + slider.init(); })(); \ No newline at end of file