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 scroll bars are supported by the code.

Drag the grey bar or click the blue 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 scroll bars are supported by the code.

Drag the grey bar or click the blue 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

Documentation, Download, and More Demos

Documentation provides instructions for setup of scrolling divs and scroll controls, with and without scrollbars. The Scrolling Divs JavaScript download file includes the examples shown above as well as several others. More online examples are listed on the upper right.