syncscroll

Syncscroll is a tiny javascript library (991 bytes minified) which allows to scroll two or more scrollable areas simultaneously (online demo).

Usage

Download the distribution, unpack it and load the syncscroll.js in a preferable way (that is an UMD module):

<script src="https://github.com/asvd/syncscroll/raw/v0.0.3/syncscroll.js"></script>

Create the scrollable elements which you need to be synchroniously scrolled, add the syncscroll class for them, and set the name attribute to the same value:

    First big text goes here...







    Second big text goes there...

That's it! Now the elements will be scrolled simultaneously. Keep in mind that scrolling is synchronized proportionally, and not by amount of pixels.

If you update a set of synchronized elements by changing the classes or attributes, invoke syncscroll.reset() to update the listeners.

Have fun!