Package Exports
- element-in-viewport
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (element-in-viewport) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
element-in-viewport
An async module that resolves when an element has entered the viewport at a certain percentage, using the Intersection Observer API.
Polyfilled with the Intersection Observer Polyfill
With the polyfill, IntersectionObserver
has been tested and known to work in the following browsers:
![]() ✔ |
![]() ✔ |
![]() 6+ |
![]() ✔ |
![]() 7+ |
![]() ✔ |
![]() 4.4+ |
Install:
npm i -S element-in-viewport
Example Usage:
import elementInViewport from 'element-in-viewport';
(async () => {
const targetElement = document.querySelector('#targetElement');
const entry = await elementInViewport(targetElement, 0);
alert(`Intersection in Viewport Detected at IntersectionRatio ${entry.intersectionRatio}`);
})();