SynchDivScroll is a JavaScript utility, that allows a group of two or more overflowed scrolling divs, to be scrolled in synchronisation when the user moves one of the divs' scrollbars. 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 divs.
S y n c h D i v S c r o l l
Sychronised Proportional User-Scrolling of Overflowed Divs
Any number of divs in a group
Multiple independent div groups
Vertical and horizontal scrolling
Proportional scrolling means divs can have different lengths
Scroll-on-load; synchronises the rest of a group if one is scrolled at startup
Very simple installation and configuration
The equivalent whole-frame scroller is SynchScroll
This group of 4 is also configured to use CursorDivScroll and can be scrolled just by using the mouse cursor.
Place the cursor in the middle of one div, then move it towards the upper or lower edge as appropriate.