Element height observer
This library allows you to add an observer for page or element height. Each time the page changes height, a callback will be called.
No dependencies, total library minified is less than 0.9 KB
Install
npm install element-height-observer --save
Use
Load the script:
Or import it:
var heightObserver = ;var registerHeightObserver = heightObserverregisterHeightObserver;var unregisterHeightObserver = heightObserverunregisterHeightObserver;
Or import it (ES6 modules notation):
;
When the page has loaded, you can register the observer like this:
window;
You can only add one listener per element, otherwise the unregister mechanism won't work correctly.
var someElement = document;;
API
There are 2 functions available:
- registerHeightObserver(elementToWatch, options?, callback)
- unregisterHeightObserver(elementToStopWatching)
The options are optional and can currently only specify which dimension of the element it should watch for:
direction: 'horizontal' | 'vertical' | 'both'
The default is 'vertical'
The callback doesn't get passed any parameters:
callback:void
Inspiration
This library is inspired by a stackoverflow post by Jake