Callbacks

note

All Module callbacks are available in this class.

in

Fires when an element enters the viewport.

const observer = new InView({ }, {
  onIn: ({ element }) => console.log(element, 'entered viewport'),
});

or:

const destruct = observer.on('in', ({ element }) => {
  console.log(element, 'entered viewport');
});

// Cancel the callback
destruct();

out

Fires when an element leaves the viewport.

const observer = new InView({ }, {
  onOut: ({ element }) => console.log(element, 'left viewport'),
});

or:

const destruct = observer.on('out', ({ element }) => {
  console.log(element, 'left viewport');
});

// Cancel the callback
destruct();