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
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
Can be combined with other div scrolling scripts as demonstrated here
Very simple installation and configuration
The equivalent whole-frame scroller is SynchScroll
You may find that some nested divs do not 'appear' to move when scrolled. This is due to a recently-introduced bug in Chrome and is not script-related. We expect Google to fix this issue soon.
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.