- Scroll onmouseover, onmousedown or onmousewheel. Touch devices and keyboard scrolling are also supported.
- Scroll vertically and/or horizontally.
- Scrollbars can be set up using the styles and graphics of your choice.
- Scroll multiple content areas in a document.
- Swap new content into scroll areas, replacing it with content in previously hidden divs on the page or retrieve from the server using ajax.
- Dynamic update capabilities. Whether you want to toggle display of elements within scroll areas, add or remove content, modify using ajax or other means, the code can accommodate these changes.
- Absolute or relative positioning of the scroll areas, in tables or CSS layouts.
- Capability for fluid scroll area dimensions, i.e., percentage width and height of scroll areas.
- Hide scrollbars or scroll links when content is insufficient to necessitate scrolling.
- Scroll to elements with specific ids in the content area, onclick or onload.
- Support for anchors in scroll areas using ID.
- Unobtrusive event handling.
- Provide speed options for mouseover scrolling using image maps.
- Double the speed of mouseover scrolling onmousedown of scroll links.
Additional features that can be made available using more advanced features of the code are listed in Part Two of the documentation.
More About the Code
The Scrolling Divs code supports Internet Explorer 6+, Firefox, Opera, Safari, Chrome, iPhone, iPad, and should also support any other relatively up-to-date browser.
See Documentation for basic instructions as well as more detailed information about advanced features of the code. The download file contains several example documents to assist you in implementing the code to suit your purposes.