index.html

<link href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css" rel="stylesheet" />
<link href="test.css" rel="stylesheet" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.min.js"></script>
<script src="test.js"></script>


<div id="bigText">
  <div class="nano">
    <div class="content">
Chocolate cake bear claw sweet roll lemon drops pastry. Lemon drops cupcake chocolate bar lollipop lollipop dessert pudding icing candy canes. Pudding apple pie liquorice gingerbread. Powder liquorice liquorice sesame snaps tart fruitcake donut pudding topping. Cake pie chocolate candy halvah biscuit macaroon muffin. Brownie lemon drops cake sugar plum cookie cake chupa chups biscuit. Marzipan wafer jelly-o cotton candy jelly-o muffin chocolate lollipop gummi bears. Jelly-o biscuit cake.
    </div>
  </div>
</div>


<div id="smallText">
  <div class="nano">
    <div class="content">
   Hello I'm small :-)
    </div>
  </div>
</div>

test.css

/** pre-set style **/
body { color: #333; background-color: #eee; font-family: Helvetica Neue, Helvetica, sans-serif; }
#smallText, #bigText {   border: 1px solid rgba(1,1,1,0.2); background: #fee;  width: 200px; height: 200px; margin: 10px; }
.content { background: rgba(1,1,1,0.1); }

/** set the padding here **/
#smallText, #bigText { 
  padding: 10px; 
}

test.js

$(function(){
  $(".nano").nanoScroller();
});