jamesflorentino · July 9, 2012 01:06
diff --git a/index.html b/index.html
 <link href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css" rel="stylesheet"/>
 <script src="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.min.js"></script>
 <script>

 <style>
  body, html { height: 100%; font-size: 1em; font-family: Helvetica Neue, Helvetica, sans-serif ;}
  #main { position: absolute; top: 0; right: 0; bottom: 0; left; 0; }
 </style>

 <script>
  $(main);
 </script>

 <body>
 
  <div id="main" class="nano">
    <div class="content">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante neque, rutrum sit amet faucibus vel, lacinia eget nulla. Donec ut ipsum eros. Sed consectetur nisl et dui rhoncus non accumsan massa aliquam. Morbi vestibulum ultrices justo, vel convallis erat luctus sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec turpis urna, vel rutrum lectus. Vivamus eget massa elit. Curabitur quis diam massa. Sed sit amet risus nunc, quis semper dui. Sed massa orci, adipiscing ornare mollis ut, rhoncus vitae dui. Pellentesque faucibus odio non nulla luctus egestas. Donec vitae lacus metus, vel porta lectus.

 Fusce non arcu dui. Sed molestie velit sed tellus iaculis sit amet viverra erat lobortis. Nulla euismod rhoncus faucibus. Aenean sed eros tortor, at facilisis urna. Suspendisse in purus leo. Praesent id sollicitudin libero. Maecenas erat lectus, lobortis vel tincidunt ac, varius et leo. Donec adipiscing eros at erat interdum ullamcorper ac in metus. Curabitur pellentesque imperdiet ipsum, ac gravida nisl vehicula eget. Donec pulvinar lectus id turpis auctor eu laoreet nisl ullamcorper. Donec in feugiat tellus. Aenean sollicitudin euismod ante, non commodo lectus condimentum vel. Nunc molestie consequat egestas. Sed lobortis nunc eget mi cursus luctus fermentum mauris sollicitudin. Morbi rutrum mollis risus sit amet rhoncus. Fusce tincidunt, tellus congue congue convallis, enim felis posuere nisi, eget pellentesque elit erat a nisi.

 Nam id sapien tellus. Proin sagittis, libero id accumsan facilisis, sem lorem scelerisque dui, vel eleifend ligula neque eu est. Curabitur pellentesque orci in libero pharetra in vulputate ligula pharetra. Pellentesque aliquam consectetur lorem vitae luctus. Nam lobortis felis dictum ligula dapibus id iaculis enim suscipit. Sed ante dui, venenatis et mattis non, tempus vitae nibh. Phasellus accumsan, lectus ut semper vestibulum, eros nisl tempus massa, at dapibus tellus ante eu ligula. Aenean nunc lacus, sodales quis tempus ut, condimentum sit amet leo. Proin iaculis tincidunt justo, a laoreet velit tincidunt eget. Cras ante metus, bibendum faucibus dapibus vitae, mattis sed sapien.

 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis scelerisque lobortis nunc nec bibendum. Nulla ac fermentum enim. In hac habitasse platea dictumst. Etiam at enim leo. Nullam lacinia sapien vel leo viverra quis auctor metus dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

 Suspendisse bibendum odio nec quam pharetra tincidunt. Proin bibendum erat sed diam pretium eget semper nibh interdum. Vestibulum sit amet urna diam. Vivamus pretium convallis purus eget cursus. Aliquam tortor quam, ullamcorper ac faucibus sed, volutpat non sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut nisi nisl, elementum in lacinia eu, dapibus eu nibh. Duis dignissim, arcu feugiat egestas porttitor, magna nisi eleifend ipsum, in vehicula leo justo in augue. Pellentesque quis sapien tortor. Phasellus eu vulputate elit. Pellentesque at pulvinar mi. Ut scelerisque justo sed elit auctor eget adipiscing turpis accumsan. Vestibulum elementum nisl quis lacus ullamcorper mattis. Aenean quis leo nec tortor bibendum sodales.
    </div>
  </div>
 </body>
	<link href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css" rel="stylesheet"/>
	<script src="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.min.js"></script>
	<script>

	<style>
	body, html { height: 100%; font-size: 1em; font-family: Helvetica Neue, Helvetica, sans-serif ;}
	#main { position: absolute; top: 0; right: 0; bottom: 0; left; 0; }
	</style>

	<script>
	$(main);
	</script>

	<body>

	<div id="main" class="nano">
	<div class="content">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante neque, rutrum sit amet faucibus vel, lacinia eget nulla. Donec ut ipsum eros. Sed consectetur nisl et dui rhoncus non accumsan massa aliquam. Morbi vestibulum ultrices justo, vel convallis erat luctus sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec turpis urna, vel rutrum lectus. Vivamus eget massa elit. Curabitur quis diam massa. Sed sit amet risus nunc, quis semper dui. Sed massa orci, adipiscing ornare mollis ut, rhoncus vitae dui. Pellentesque faucibus odio non nulla luctus egestas. Donec vitae lacus metus, vel porta lectus.

	Fusce non arcu dui. Sed molestie velit sed tellus iaculis sit amet viverra erat lobortis. Nulla euismod rhoncus faucibus. Aenean sed eros tortor, at facilisis urna. Suspendisse in purus leo. Praesent id sollicitudin libero. Maecenas erat lectus, lobortis vel tincidunt ac, varius et leo. Donec adipiscing eros at erat interdum ullamcorper ac in metus. Curabitur pellentesque imperdiet ipsum, ac gravida nisl vehicula eget. Donec pulvinar lectus id turpis auctor eu laoreet nisl ullamcorper. Donec in feugiat tellus. Aenean sollicitudin euismod ante, non commodo lectus condimentum vel. Nunc molestie consequat egestas. Sed lobortis nunc eget mi cursus luctus fermentum mauris sollicitudin. Morbi rutrum mollis risus sit amet rhoncus. Fusce tincidunt, tellus congue congue convallis, enim felis posuere nisi, eget pellentesque elit erat a nisi.

	Nam id sapien tellus. Proin sagittis, libero id accumsan facilisis, sem lorem scelerisque dui, vel eleifend ligula neque eu est. Curabitur pellentesque orci in libero pharetra in vulputate ligula pharetra. Pellentesque aliquam consectetur lorem vitae luctus. Nam lobortis felis dictum ligula dapibus id iaculis enim suscipit. Sed ante dui, venenatis et mattis non, tempus vitae nibh. Phasellus accumsan, lectus ut semper vestibulum, eros nisl tempus massa, at dapibus tellus ante eu ligula. Aenean nunc lacus, sodales quis tempus ut, condimentum sit amet leo. Proin iaculis tincidunt justo, a laoreet velit tincidunt eget. Cras ante metus, bibendum faucibus dapibus vitae, mattis sed sapien.

	Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis scelerisque lobortis nunc nec bibendum. Nulla ac fermentum enim. In hac habitasse platea dictumst. Etiam at enim leo. Nullam lacinia sapien vel leo viverra quis auctor metus dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

	Suspendisse bibendum odio nec quam pharetra tincidunt. Proin bibendum erat sed diam pretium eget semper nibh interdum. Vestibulum sit amet urna diam. Vivamus pretium convallis purus eget cursus. Aliquam tortor quam, ullamcorper ac faucibus sed, volutpat non sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut nisi nisl, elementum in lacinia eu, dapibus eu nibh. Duis dignissim, arcu feugiat egestas porttitor, magna nisi eleifend ipsum, in vehicula leo justo in augue. Pellentesque quis sapien tortor. Phasellus eu vulputate elit. Pellentesque at pulvinar mi. Ut scelerisque justo sed elit auctor eget adipiscing turpis accumsan. Vestibulum elementum nisl quis lacus ullamcorper mattis. Aenean quis leo nec tortor bibendum sodales.
	</div>
	</div>
	</body>