$ bower install syncscroll
syncscroll.js in a preferable way (that is an UMD module):
Create the scrollable elements which you need to be synchroniously
scrolled, add the
syncscroll class for them, and set the
attribute 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