Scroll Divs Vertically using JavaScript

Examples on this page demonstrate vertical scrolling using 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. They can be activated on mousedown if you prefer.

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. They can be activated on mousedown if you prefer.

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

More About Vertical Scrolling

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. Several examples are included in a download file.