A utility to performantly event scroll and resize events using requestAnimationFrame. This utility also allows you know when a registered element has entered the viewport.
import measurer from 'raf-measure';
let measureId = measurer.register('scroll', {
callback({ scrollTop, scrollLeft }) {
console.log(scrollTop, scrollLeft);
}
} );
import measurer from 'raf-measure';
let measureId = measurer.register('resize', {
callback({ height, width }) {
console.log(height, width);
}
} );
import measurer from 'raf-measure';
let measureId = measurer.register('inViewPort', {
element: document.getElementById('my-div'),
callback({ height, width }) {
console.log(height, width);
}
} );
import measurer from 'raf-measure';
let measureId = measurer.register('inViewPort', {
element: document.getElementById('my-div'),
callback({ height, width }) {
console.log(height, width);
}
} );
measurer.unregister('inViewPort', measureId);