ScrollSynchronizer for Prototype (under Creative Commons Attribution license, Pedro De Almeida)

Description

ScrollSynchronizer is a scrollbar manager that enables horizontal and vertical synchronization. It has been optimized to provide a fluid scrolling and allows to add, remove or re-scan scrollable containers at any time.

Usage

var scrollSynchronizer = new ScrollSynchronizer(
    '.scrollContainer', // Any valid CSS selector
    {
        horizontally : true, // Horizontal syncing?
        vertically : true // Vertical syncing?
    }
);

Download

prototype.scrollsynchronizer.js (v0.2.1)

Dependencies

Prototype Framework

Compatibility

Firefox 3.6+
Chrome 9+
Internet Explorer 8+
Safari 5+
Note that changing a scroll value of a non-visible element has no effect! Try to hide a block (click on "Toggle container" button), then scroll another block and finally, open the previous block again. You will see that the scrollbars are no more synchronized until your mouse hovers the block. This should be fixed in a future release.

Release Notes

v0.2.1: updated Prototype to version 1.7, bugfixes and browsers compatibility
v0.1.0: initial release

Rescan all containers Add group

Group 1
Add new scroll container Toggle containers Start synchronizing Stop synchronizing

Group 3

Add new scroll container Toggle containers Stop synchronizing

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10

Group 2

Add new scroll container Toggle containers Stop synchronizing

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10

Group 1

Add new scroll container Toggle containers Stop synchronizing

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10

Header 0	Header 1	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9	Header 10
Cell 0-0	Cell 0-1	Cell 0-2	Cell 0-3	Cell 0-4	Cell 0-5	Cell 0-6	Cell 0-7	Cell 0-8	Cell 0-9	Cell 0-10
Cell 1-0	Cell 1-1	Cell 1-2	Cell 1-3	Cell 1-4	Cell 1-5	Cell 1-6	Cell 1-7	Cell 1-8	Cell 1-9	Cell 1-10
Cell 2-0	Cell 2-1	Cell 2-2	Cell 2-3	Cell 2-4	Cell 2-5	Cell 2-6	Cell 2-7	Cell 2-8	Cell 2-9	Cell 2-10
Cell 3-0	Cell 3-1	Cell 3-2	Cell 3-3	Cell 3-4	Cell 3-5	Cell 3-6	Cell 3-7	Cell 3-8	Cell 3-9	Cell 3-10
Cell 4-0	Cell 4-1	Cell 4-2	Cell 4-3	Cell 4-4	Cell 4-5	Cell 4-6	Cell 4-7	Cell 4-8	Cell 4-9	Cell 4-10
Cell 5-0	Cell 5-1	Cell 5-2	Cell 5-3	Cell 5-4	Cell 5-5	Cell 5-6	Cell 5-7	Cell 5-8	Cell 5-9	Cell 5-10
Cell 6-0	Cell 6-1	Cell 6-2	Cell 6-3	Cell 6-4	Cell 6-5	Cell 6-6	Cell 6-7	Cell 6-8	Cell 6-9	Cell 6-10
Cell 7-0	Cell 7-1	Cell 7-2	Cell 7-3	Cell 7-4	Cell 7-5	Cell 7-6	Cell 7-7	Cell 7-8	Cell 7-9	Cell 7-10
Cell 8-0	Cell 8-1	Cell 8-2	Cell 8-3	Cell 8-4	Cell 8-5	Cell 8-6	Cell 8-7	Cell 8-8	Cell 8-9	Cell 8-10
Cell 9-0	Cell 9-1	Cell 9-2	Cell 9-3	Cell 9-4	Cell 9-5	Cell 9-6	Cell 9-7	Cell 9-8	Cell 9-9	Cell 9-10