A tiny JavaScript library to enable CSS animations when user scrolls.

This library allows you to toggle one or more classes on an element when it appears inside the viewport when the user scrolls the page. It enables you to build CSS transitions or animations launched only when the user scrolls the page to the element. All you have to do is set a few HTML attributes, and code the rest with your CSS skills.

Go check the full documentation.

Status

Quick start

Several quick start options are available:

• Direct download
• Choose another version: ES5 or ES6
• Install with npm: npm install onscroll-effect

Documentation

onScroll Effect’s full documentation is hosted on GitHub Pages at twikito.github.io/onscroll-effect/.

Contribution

• Clone the repo: git clone https://github.com/twikito/onscroll-effect.git
• Development: npm run build
• Fork repository on GitHub
• Report a bug
• Suggest a feature

License

MIT. Copyright (c) Matthieu Bué