Most of these scrollers have a scrollbar which isn't what I needed. The typical usage of this scroller is to add scroll buttons to some control or content which doesn't have them. I used it to add scrolling ability to AJAX controls (I won't advertise its developer by naming it here, quite a well-known one).
Example of usage (3rd party AJAX accordion control with top and bottom scroll buttons applied to it):
Please note that example source code doesn't have all these images and styles you see in the screenshot, because this UI design is going to be used in a real commercial product and I don't have permission to publicly distribute it.
Using the Code
Here are all the needed includes in order to use this scroll area:
DIV elements which should have scrolls should look like this:
<div class="scrollable" style="width: 250px; height: 250px;">
<div class="scrollcontent" id="scroll" style="width: 250px;
height: 230px; background-color: #FFFF90;">
DIV with CSS class "
scrollable" should contain all elements in it.
Span elements with classes "
scrollleft" and "
scrollright" are used to create buttons which will scroll content placed inside
DIV with "
Change all these classes in your custom CSS file to achieve the desired look of scroll buttons.