No Scrolling

Blocking Scrolling with html, css, and javascript.

HTML

<div id="long_stuff">

<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>
<br>Hi!<br>Hi!<br>




</div>

CSS

html, body{overflow:hidden;}

JavaScript

function keydownHandler(e) {
var evt = e ? e:event;
  var keyCode = evt.keyCode;

  if (keyCode==38 || keyCode==39 || keyCode==40 || keyCode==37){
e.preventDefault()
scrollTo(0,0);
}
}

document.onkeydown=keydownHandler;