ScrollSynchronizer for Prototype

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