view-in
v0.0.4
Published
A dependency free utility to set and remove animation classes on elements as they become visible in the viewport, using the Intersection Observer API
Downloads
8
Maintainers
Readme
ViewIn.js
ViewIn(tersector) is a simple utility to apply and remove classes to DOM elements as they enter the view port, using the Intersection Observer API.
Usage
viewIn('.my-selector', options);
Options
| Option | Type | Default | Description | | :------------- | :----- | :----------- | :---------------------------------------------- | | classOnEnter | string | inview-enter | Class added when element is visible | | classOnExit | string | inview-exit | Class added was visible but then exits viewport | | exitThreshold | number | 0.75 | % of element visible to trigger exit | | enterThreshold | number | 0.75 | % of element visible to trigger enter |
To Do
- Add Interes feature detection
- Allow a callback to be passed for exit and enter
- Make options ... optional
- Error cases
once: boolean
- only trigger the observerable once