jQuery Scrolite Examples

Applied to DIV element, refreshes on content change:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet turpis sit amet dolor vehicula sed sagittis urna aliquam. Aenean id condimentum leo. Duis nec purus sapien, vel tincidunt felis. Phasellus enim tortor, ultrices sed luctus sit amet, sollicitudin nec ipsum. Proin quam arcu, scelerisque a rutrum id, pellentesque id est. Curabitur purus enim, fringilla non hendrerit sed, pulvinar eu leo. Aliquam suscipit consectetur mauris, quis euismod lacus mattis non. In libero felis, pellentesque in cursus quis, posuere eu massa. Quisque tincidunt nibh vitae justo imperdiet laoreet. Donec dapibus libero eget ligula lacinia eu sodales eros euismod. Cras et sapien leo, eget tempor ipsum. Sed quis sem dolor. In eget massa volutpat libero dapibus dignissim. Nulla vel mauris neque, eu porta turpis. Vestibulum convallis mattis pharetra. Nulla vel interdum turpis. Nam semper, enim et consectetur pulvinar, libero orci ultrices sapien, ut suscipit orci dolor sit amet velit. Sed a quam ipsum, at fringilla lorem. Donec eu diam id nibh pulvinar accumsan. Aenean interdum pharetra pharetra. Nullam luctus nunc vitae eros tincidunt dapibus. Vivamus quis eros in magna sollicitudin pellentesque. Proin lorem metus, facilisis non sollicitudin eu, adipiscing a neque. Fusce nec sapien purus. Quisque eu libero elit. Nullam porttitor molestie vestibulum. In vitae ante eu lorem hendrerit commodo. Suspendisse potenti. Vivamus feugiat, tortor nec lacinia adipiscing, lacus massa laoreet enim, sed porta lacus odio vitae augue. Nam rhoncus turpis ac est vulputate gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas nec justo massa. In hac habitasse platea dictumst. Integer a lorem vitae nibh suscipit aliquam vitae ac massa. Nunc id enim ut enim rutrum tempus. Sed fringilla metus in libero aliquam sodales. Morbi eleifend pharetra mauris, fermentum mattis mauris tristique eget. In imperdiet nibh id massa varius sed consectetur mi dictum. Vivamus eros odio, consequat vel commodo id, vehicula ut orci. Nullam lectus felis, lacinia eget varius nec, iaculis a velit. Suspendisse id lectus neque. Morbi suscipit convallis volutpat. Nulla fermentum nisi diam, quis dignissim ante. Proin pretium dignissim consectetur. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque non libero erat. Etiam ultrices odio eu dui tincidunt porta. Cras vitae ipsum mauris, non pulvinar lectus.

Applied to IMG element (calculating dimensions after load complete)

Applied to UL element:

Applied to OL element:

  1. Coffee
  2. Tea
  3. Milk
  4. Coffee
  5. Tea
  6. Milk
  7. Coffee
  8. Tea
  9. Milk
  10. Coffee
  11. Tea
  12. Milk
  13. Coffee
  14. Tea
  15. Milk
  16. Coffee
  17. Tea
  18. Milk
  19. Coffee
  20. Tea
  21. Milk
  22. Coffee
  23. Tea
  24. Milk
  25. Coffee
  26. Tea
  27. Milk
  28. Coffee
  29. Tea
  30. Milk
Applied to DL element:

Definition list
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Applied to TABLE element:

Header 1 Header 2 Header 3 Header 4
Row 1-1 Row 1-2 Row 1-3 Row 1-4
Row 2-1 Row 2-2 Row 2-3 Row 2-4
Row 3-1 Row 3-2 Row 3-3 Row 3-4
Row 4-1 Row 4-2 Row 4-3 Row 4-4
Row 5-1 Row 5-2 Row 5-3 Row 5-4
Row 6-1 Row 6-2 Row 6-3 Row 6-4
Row 7-1 Row 7-2 Row 7-3 Row 7-4
Row 8-1 Row 8-2 Row 8-3 Row 8-4
Applied to "P" element:(more sensitive : 1)

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus