UsageDownload and unpack the distribution, or install it using Bower:
$ bower install syncscroll
syncscroll.jsin a preferable way (that is an UMD module):
Create the scrollable elements which you need to be synchroniously scrolled, add the
syncscrollclass for them, and set the
nameattribute to the same value:
<div class=syncscroll name=myElements> First big text goes here... </div> <div class=syncscroll name=myElements> Second big text goes there... </div>
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.
follow me on twitter: https://twitter.com/asvd0