Scoller example

scroller_example

#outer
{
  Position: relative;
  Top: 10px;
  Left: 10px;
  Width: 300px;
  Height: 380px;
  Overflow:hidden;
  Border: 3px solid #000;
  Background-Color: #145;
  Padding: 10px;
}

#inner
{
  Color:#fff;
  Line-height: 1.25em;
  Font-family: "Helvetica Neue", Arial, sans-serif;
}

p
{
  Margin-bottom:1em;
}

<script>

var myscroller=new SCROLLER.GenericScroller("inner");

</script>


<script src="https://raw.github.com/gist/2898456/c970a03a22b910f34035071cfa0f0a0d1ff16b98/scroller.js"></script>
<div id="outer">
 <div id="inner">

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum viverra nunc a gravida. Cras pretium porta justo non ullamcorper. Donec interdum sapien nec erat consequat ut tristique lorem tristique. Sed suscipit urna nec erat eleifend eu fringilla erat dignissim. Nulla facilisi. Ut in nibh eu est aliquam interdum id imperdiet massa. Etiam dictum faucibus libero sed dictum. Suspendisse adipiscing nulla non sem ornare nec tempus urna venenatis.
<p>
Etiam sit amet lacus in felis euismod euismod. Mauris lacus nisl, vehicula nec ornare nec, laoreet sit amet enim. Nullam lacinia leo eu nunc pretium condimentum. Aliquam feugiat elit ac enim commodo blandit posuere tortor posuere. Aliquam et eleifend lacus. Quisque condimentum aliquet sapien, eget ultrices eros mollis ut. Aenean et mauris lectus. Morbi est ligula, imperdiet et rhoncus id, ornare nec velit. Duis mollis tristique quam id mollis. Suspendisse potenti. Quisque sed iaculis massa. Praesent in metus quis nisl tristique cursus. Nunc mollis, est sed sagittis lobortis, nisi mauris tincidunt lacus, et dictum nisl urna eget lacus.
<p>
Donec vitae fringilla elit. Integer scelerisque egestas elit, a ultricies massa mattis vel. Nulla tristique, eros a consectetur aliquam, dui felis rhoncus risus, quis feugiat tortor mauris eu enim. Integer sed urna arcu, tincidunt accumsan ligula. Nulla dapibus tincidunt mollis. Mauris fermentum, eros at hendrerit rhoncus, ligula lectus posuere justo, in scelerisque nunc tellus quis velit. Ut convallis, dui ut semper commodo, diam arcu facilisis erat, at convallis urna magna vitae nibh. Ut porta vehicula sapien, non imperdiet lectus iaculis sit amet. Donec in justo sit amet magna facilisis fringilla.
<p>
Nullam sed magna risus, sed pretium odio. Vestibulum eget justo augue, in interdum dolor. Integer ac nibh in diam consectetur scelerisque non quis nisl. Nullam malesuada condimentum tellus sit amet euismod. Aenean et iaculis justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis dictum hendrerit quam at consectetur. Duis at diam risus. Nulla imperdiet luctus dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis lobortis faucibus adipiscing. Pellentesque vitae sem vel ipsum consectetur porttitor sit amet sit amet orci.
<p>
In molestie volutpat interdum. Sed mollis ligula at dui rutrum hendrerit. Donec nunc erat, elementum eget congue a, eleifend ut nunc. Nullam vestibulum mi at tortor tincidunt eget cursus ante dapibus. Sed quis tortor tellus. In id elit lectus. Nunc gravida elementum erat in dapibus. Vestibulum ultrices, mauris at tristique semper, lectus massa ultrices tortor, sit amet accumsan dolor quam in nibh. In ut felis eget neque malesuada blandit.
<p>
Generated 5 paragraphs, 415 words, 2768 bytes of Lorem Ipsum
 </div>
</div>