Scroll Divs Vertically using JavaScript
Examples on this page demonstrate vertical scrolling using dyn-web's Scrolling Divs JavaScript.
Custom Scrollbar
The scrollbar can use the styles and images you choose. Both vertical and horizontal scrollbars are supported by the code.
Drag the drag bar or click on the track to scroll using the scrollbar.
The scroll images in this demo are activated on mouseover. The demo on the right uses mousedown scroll images at the top and bottom of the scrollbar.
You can also use the mousewheel to scroll, for both vertical and horizontal scrolling.
Content repeated for your scrolling pleasure :)
The scrollbar can use the styles and images you choose. Both vertical and horizontal scrollbars are supported by the code.
Drag the drag bar or click on the track to scroll using the scrollbar.
The scroll images in this demo are activated on mouseover. The demo on the right uses mousedown scroll images at the top and bottom of the scrollbar.
You can also scroll using the mousewheel, for both vertical and horizontal scrolling.
Glide to the top
Mouseover Scrolling
Hover over the images to scroll. The scroll images can be set up for mousedown scrolling if you prefer.
Mouse down on the scroll images to see the speed double. Original speed resumes on mouseup.
Scroll images can be hidden or swapped when there is no more content to show.
Content repeated for your scrolling pleasure :)
Hover over the images to scroll. The scroll images can be set up for mousedown scrolling if you prefer.
Mouse down on the scroll images to see the speed double. Original speed resumes on mouseup.
Scroll images can be hidden or swapped when the end is reached.
Back to the top
About Vertical Scrolling
The scrolling divs can be set up with or without the custom scrollbar. Scrollbars can be designed using styles and graphics of your choice. The scrollbar can include mouseover or mousedown scroll images at top and bottom. You can click on the track or drag the bar to scroll. Mousewheel and touch screen scrolling are also supported.
The examples are included in a download file. See also the horizontal scrolling demonstration.