ayzee.js

A minimal API wrapper for IntersectionObserver. Listen to enter and exit events of DOM-elements.

Installation

Download the latest release or install via npm:

npm install --save ayzee

Getting started

import ayzee from 'ayzee'

const ay = ayzee()

// Register DOM-element to ayzee registry
const observerdElement = ay(document.querySelector('.yourElement'))

// Add listener to observed element
const handleEnter = (el) => console.log(`${el} entered viewport`)
observedElement.on('enter', handleEnter)

const handleLeave = (el) => console.log(`${el} left viewport`)
observedElement.on('exit', handleLeave)

// Remove listener to observed element ...
observedElement.off('enter', handleEnter)

API

...