Easily Synchronise scrolling between elements!
- Less than 2kb!
- Zero Dependencies
- Easy to use! ๐ช
npm install easy-scroll-sync
yarn add easy-scroll-sync
At the bottom of you body tag
<script src="https://cdn.jsdelivr.net/npm/easy-scroll-sync@latest/dist/easy-scroll-sync.min.js"></script>
If you are using a module loader you will need to import easy-scroll-sync
import { easyScrollSync } from "easy-scroll-sync";
Set data-scrollsync on the elements you want to synchronise scrolling and you're done!
<div data-scrollsync class="scrollable_item_1"></div> <div data-scrollsync class="scrollable_item_2"></div>
You can also call easyScrollSync() to reset and recreate the elements scroll listeners.
- ๐ For Bug Reports and Enhancements please use the issues section