Get started with scrollmonitor CDN
MIT licensed
Library: ScrollMonitor detects, responds to scrolling activity.
Tags:- scroll
- dom
- javascript
- viewport
Stable version
Copied!
How to start using scrollmonitor CDN
// Include the ScrollMonitor library
const ScrollMonitor = require('scrollmonitor');
// Create an instance of ScrollMonitor
const observer = new ScrollMonitor();
// Add elements to observe
const elements = document.querySelectorAll('.element');
// Observe each element
elements.forEach((element) => {
observer.register(element, {
once: false, // Set to true if you want the event to trigger only once
offset: 100, // Set the offset from the top of the element
});
// Add event listener for entering and leaving the viewport
observer
.addObserver(element)
.on('enter viewport', (instance) => {
console.log(`${element.id} entered the viewport`);
})
.on('leave viewport', (instance) => {
console.log(`${element.id} left the viewport`);
});
});
// Start observing
observer.update();