@odopod/odo-viewport

Viewport enter and exit monitoring for elements.

Usage no npm install needed!

<script type="module">
  import odopodOdoViewport from 'https://cdn.skypack.dev/@odopod/odo-viewport';
</script>

README

Odo Viewport

Viewport enter and exit monitoring for elements.

Install

npm install @odopod/odo-viewport --save

Quick Start

import OdoViewport from '@odopod/odo-viewport';

OdoViewport.add({
  element: document.getElementById('demo-enter-exit'),
  enter: function () {
    this.setAttribute('in-view', true);
  },
  exit: function () {
    this.removeAttribute('in-view');
  }
});

Documentation

Visit the Odo component directory for demos, code examples, and documentation.