Question: I have tried using kinetic.js and the code below, however when I try this in IE11 it keeps jumping to the top every time I scroll:

```
$("html").kinetic();

```

I want to make the page scrollable on tablets and IE10 and 11 so that users can just push the page up to scroll down as you would on mobile devices. 

How can I do this in pure-JS or jQuery without it jumping to the top?

Answer: 
This code will work on horizontal and vertical mouse drag scroll. It's pretty simple.

```
var curYPos = 0,
    curXPos = 0,
    curDown = false;

window.addEventListener('mousemove', function(e){ 
  if(curDown === true){
    window.scrollTo(document.body.scrollLeft + (curXPos - e.pageX), document.body.scrollTop + (curYPos - e.pageY));
  }
});

window.addEventListener('mousedown', function(e){ curDown = true; curYPos = e.pageY; curXPos = e.pageX; });
window.addEventListener('mouseup', function(e){ curDown = false; }); 

```
This framework is written in vanilla javascript, and worked best for me.

It also supports scroller inside divs.

Note: If you create dynamic content, call `dragscroll.reset();` after render.

[dragscroll](https://github.com/asvd/dragscroll)

[Usage](https://github.com/asvd/dragscroll#usage)

[demo](http://asvd.github.io/dragscroll/)