Unscrollable

by chintsu

HTML

<div></div>

CSS

html, body {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

div {
  //height: 9999px;
   background: #222 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAAiSURBVBhXY/j//z8KDgkJwRQA0RgCcEFkAbAgusD///8ZAGOsRazO8qTCAAAAAElFTkSuQmCC');
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 150%;
  padding: 1px;
  font-weight: bold;
  font-family: monospace;
}

JavaScript

var documentFragment = $(document.createDocumentFragment());

for(var i = 0; i < 9999; i++) {
	documentFragment.append('<p>' + i + '</p>');
}

$('div').append(documentFragment);