Easily syncronize scrolling between elements

Usage no npm install needed!

<script type="module">
  import easyScrollSync from 'https://cdn.skypack.dev/easy-scroll-sync';


👯‍♀️ Easy Scroll Sync

npm version bundlephobia twitter

Easily Synchronise scrolling between elements!

Features 🔥

  • Less than 2kb! (under 1kb minified)
  • Zero Dependencies
  • Easy to use! 💪

Install 🔮


npm install easy-scroll-sync


yarn add easy-scroll-sync

Via Script Tag

At the bottom of you body tag

<script src="https://cdn.jsdelivr.net/npm/easy-scroll-sync@latest/dist/easy-scroll-sync.min.j"></script>

Usage 💻

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>

Support 💬

  • 🐞 For Bug Reports and Enhancements please use the issues section

  • 🕊️ To contact me directly you can find me via my twitter