*** PLEASE ENABLE JAVASCRIPT ***

SynchDivScroll is a JavaScript utility that allows groups of scrollable divs to be manually scrolled in synchronisation. Scrolling is proportional, meaning that when a div is scrolled by the user, the corresponding scrollbar on the other divs will be positioned at the same percentage displacement, regardless of the relative length of the content. Both horizontal and vertical scrolling are supported. Synchronised scrolling can be applied to multiple independent div groups, each group comprised of any number of div elements.

S y n c h D i v S c r o l l

Sychronised Proportional User-Scrolling of Overflowed Divs

TO GET THE SCRIPT FILE WITH INSTRUCTIONS, CLICK HERE THEN CHOOSE "SAVE".


The group of four below is configured additionally to use CursorDivScroll so they can be scrolled just by using the mouse cursor.
Place the cursor in the middle of one div, then move it towards any edge.

.
.
.
.
.
.
.
.
.
Slide Control

SlideScroll

 


Download Instructions and Source Code

This script not suitable? Tell us why.

Site Meter