The following is a demo of the MFScrollIndicators that will add up/down ( arrow_drop_up / arrow_drop_down ) scroll indicators to any element that might scroll.
This demo will explicitly add indicators to table1 and table2 below; scroll up and down the regions to see them appear and disappear
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et est leo. Nulla at est gravida tortor interdum luctus. Etiam at dui augue. Quisque lobortis malesuada tempus. Pellentesque et magna eu mauris feugiat congue ut at diam. In fermentum tellus a ex vestibulum laoreet non non nisl. Nam in dolor vitae nisi vulputate ultrices. Nam varius lorem sit amet condimentum congue. Phasellus tincidunt ligula at quam tincidunt, non blandit eros gravida. Nam felis tortor, pulvinar nec nunc sed, sodales accumsan lacus. Sed pellentesque a sapien et pellentesque. Quisque convallis porta sapien, sed convallis tortor aliquet eu. Ut iaculis urna eget tincidunt mattis. Sed in risus laoreet, porta quam ac, commodo ipsum. Fusce a sem hendrerit, euismod quam sed, faucibus mi. Proin sit amet tellus vestibulum enim dictum auctor et vitae sapien.
The following is a table straight off of the DOM body
| Stock Name | Qty | Book Cost ($) | Market Value ($) | % |
|---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et est leo. Nulla at est gravida tortor interdum luctus. Etiam at dui augue. Quisque lobortis malesuada tempus. Pellentesque et magna eu mauris feugiat congue ut at diam. In fermentum tellus a ex vestibulum laoreet non non nisl. Nam in dolor vitae nisi vulputate ultrices. Nam varius lorem sit amet condimentum congue. Phasellus tincidunt ligula at quam tincidunt, non blandit eros gravida. Nam felis tortor, pulvinar nec nunc sed, sodales accumsan lacus. Sed pellentesque a sapien et pellentesque. Quisque convallis porta sapien, sed convallis tortor aliquet eu. Ut iaculis urna eget tincidunt mattis. Sed in risus laoreet, porta quam ac, commodo ipsum. Fusce a sem hendrerit, euismod quam sed, faucibus mi. Proin sit amet tellus vestibulum enim dictum auctor et vitae sapien.
The following is a table off of a scrollable div container and uses custom indicators
| Stock Name | Qty | Book Cost ($) | Market Value ($) | % |
|---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et est leo. Nulla at est gravida tortor interdum luctus. Etiam at dui augue. Quisque lobortis malesuada tempus. Pellentesque et magna eu mauris feugiat congue ut at diam. In fermentum tellus a ex vestibulum laoreet non non nisl. Nam in dolor vitae nisi vulputate ultrices. Nam varius lorem sit amet condimentum congue. Phasellus tincidunt ligula at quam tincidunt, non blandit eros gravida. Nam felis tortor, pulvinar nec nunc sed, sodales accumsan lacus. Sed pellentesque a sapien et pellentesque. Quisque convallis porta sapien, sed convallis tortor aliquet eu. Ut iaculis urna eget tincidunt mattis. Sed in risus laoreet, porta quam ac, commodo ipsum. Fusce a sem hendrerit, euismod quam sed, faucibus mi. Proin sit amet tellus vestibulum enim dictum auctor et vitae sapien.
Mauris nibh augue, blandit quis mollis vitae, commodo nec lacus. Vestibulum ornare commodo tellus. Aliquam convallis suscipit porttitor. Sed libero tellus, hendrerit in dolor non, tincidunt tincidunt lorem. Nulla sit amet risus imperdiet, sollicitudin elit eu, scelerisque tortor. Praesent sed consequat urna. Vestibulum lacus felis, dapibus id lectus et, maximus dictum purus. Vestibulum et maximus nisi. Ut pretium iaculis varius.
Nunc nec cursus velit, eget posuere leo. Proin sapien magna, auctor ac dolor at, pharetra vehicula felis. Nunc turpis ipsum, mattis vitae mattis ac, dapibus ut nibh. Nunc tincidunt massa erat, sit amet elementum risus imperdiet id. Curabitur placerat ultrices egestas. Fusce nibh neque, rutrum ac magna a, cursus lacinia justo. Proin sit amet neque non lorem pulvinar finibus ac non magna. Donec efficitur imperdiet felis, sed hendrerit enim faucibus at. Mauris sit amet auctor sem. Quisque elementum elementum ligula, vel mollis massa viverra nec.
Pellentesque volutpat blandit ipsum in varius. Duis mattis efficitur justo id eleifend. Sed commodo quam id condimentum interdum. Fusce tincidunt felis pretium, venenatis dui id, dictum dolor. Sed neque felis, bibendum ut vestibulum at, fringilla eget dolor. Aliquam tincidunt fringilla nunc, et accumsan dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla accumsan vitae mi quis ultricies.