Trigger
Add a class on scroll.
About
A simple and lightweight way to trigger the addition of a CSS class once on scroll. This is useful to create subtle scroll effects, for example if you wish to draw attention to a particular element.
Getting Started
There is an ES6 module you may consume however you wish. Then:
var triggers = document.querySelectorAll('.animatable');
var delay = 300;
Trigger(triggers, delay);Options
| name | description |
|---|---|
| delay | The number of pixels to delay triggering the class. |
Demo
After cloning the repo:
npm i
npm start
A server will spin up at http://localhost:8080, where you may play with the various examples.
Support
- IE8+
- Safari / Chrome
- Firefox
- iOS
- Android 4.0+
Examples
Please see the test / demo directory
Release History
0.1
- first release