alicorn-scroll-watcher provides a mixin and custom element that generate events based on its position inside the parent document, or a specified target element. For performance it uses requestAnimationFrame, over scroll events.
bower install alicorn-scroll-watcher --save
npm install alicorn-scroll-watcher
yarn add alicorn-scroll-watcher
The alicorn-scroll-watcher element fires events for when it enters or exits the target viewport.
This fires when any of the other events fire.
This fires when any part of the element enters the target viewport.
This fires when all of the element is fully inside the target viewport.
This fires when all of the element has exited the target viewport.
This fires when any part of the element has exited the target viewport.
A mixin class AlicornScrollWatcherMixin can be extended by custom elements. The
_scrollHandler method is called whenever the target viewport changed and can be overridden to add scroll logic.
v1.0.0 Initial version
MIT License © Michael Lunnay