raf-measure 0.0.11 • Public • Published 8 years ago rAF Measure
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.
Usage
Registering For Scroll Events
import measurer from ' raf-measure ' ;
let measureId = measurer . register ( ' scroll ' , {
callback ( { scrollTop , scrollLeft } ) {
console . log ( scrollTop , scrollLeft ) ;
}
} ) ;
Registering For Resize Events
import measurer from ' raf-measure ' ;
let measureId = measurer . register ( ' resize ' , {
callback ( { height , width } ) {
console . log ( height , width ) ;
}
} ) ;
Registering For Elements In View Port
import measurer from ' raf-measure ' ;
let measureId = measurer . register ( ' inViewPort ' , {
element : document . getElementById ( ' my-div ' ) ,
callback ( { height , width } ) {
console . log ( height , width ) ;
}
} ) ;
Unregistering Events
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 ) ;
Package Sidebar Install Downloads Weekly Downloads