In-viewport detection without event listeners. 440 bytes gzipped.
npm i vsbl --save
import vsbl from 'vsbl'
const enter = () => {}
const exit = () => {}
const listener = vsbl(document.getElementById('scroll'))(enter, exit)
listener() // destroyTrigger visibility sooner or later than usual.
- Values below
0.5will be treated as a percentage of the viewport - Values of
0.5and over will be considered pixel values
const listener = vsbl(node, { threshold: 0.25 })(() => console.log('visible'))You can optionally include this threshold as an attribute on the element itself:
<div id='scroll' data-threshold='0.25'></div>MIT License © Eric Bailey