@altipla/scroll-floater

Float an element when the scroll touches it.

Usage no npm install needed!

<script type="module">
  import altiplaScrollFloater from 'https://cdn.skypack.dev/@altipla/scroll-floater';
</script>

Float an element when the scroll touches it.

Simple usage:

let floater = new altipla.ScrollFloater(document.querySelector('#foo'));

Limit to a parent container:

let floater = new altipla.ScrollFloater(document.querySelector('#foo'), 0, document.querySelector('#container'));

Other options and methods see the source docs directly.

You can make pull requests or create issues in GitHub.