intersection-events
Wrapper of IntersectionObserver
You can detect when the whole element enters and leaves window.
Installation
ES Modules
npm i intersection-events
CDN
Usage
'.js-target' { // When the whole element enters window } { // When the whole element leaves window }
<!-- Set threshold only for this element -->
If you want to detect enter only once, set isOnce
option to true
.
'.js-target' { // Do only once } isOnce: true
Browsers support
Edge |
Firefox |
Chrome |
---|---|---|
Edge | last version | last version |
Note
If you need to support browsers that do not support IntersectionObserver
, load the IntersectionObserver
polyfill.
If the IntersectionObserver
polyfill is loaded, browsers support is as follows.
IE / Edge |
Firefox |
Chrome |
Safari |
iOS Safari |
---|---|---|---|---|
IE11, Edge | last version | last version | last version | last version |
If you want more features, please consider other libraries.