masq/cheeaun-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding vertical scrolling by mouse slide

Browse Source
This commit is contained in:
Mathijs Peerboom 2013-12-04 11:25:39 +01:00
parent cf8ac230fb
commit 3797166296
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -259,13 +259,18 @@ h1{
} }
var slider = { var slider = {
startingPostition: 0, startingMousePostition: {},
slidingDistance: 0, startingPagePosition: {},
pagePosition: 0,
init: function(){ init: function(){
window.addEventListener('mousedown', function(event){ window.addEventListener('mousedown', function(event){
slider.startingPostition = event.clientX; slider.startingMousePostition = {
slider.pagePosition = window.pageXOffset; x: event.clientX,
y: event.clientY
};
slider.startingPagePosition = {
x: window.pageXOffset,
y: window.pageYOffset
};
window.addEventListener('mousemove', slider.slide); window.addEventListener('mousemove', slider.slide);
}); });
window.addEventListener('mouseup', function(event){ window.addEventListener('mouseup', function(event){
@ -274,8 +279,11 @@ h1{
}, },
slide: function(event){ slide: function(event){
event.preventDefault(); event.preventDefault();
slider.slidingDistance = slider.startingPostition - event.clientX; newPosition = {
window.scrollTo(slider.pagePosition + slider.slidingDistance, 0); x: slider.startingPagePosition.x + (slider.startingMousePostition.x - event.clientX),
y: slider.startingPagePosition.y + (slider.startingMousePostition.y - event.clientY)
};
window.scrollTo(newPosition.x, newPosition.y);
} }
} }