JavaScript
Need help with scrollin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
samccone

Description

:scroll: A leak free performance focused scroll util

123 Stars 11 Forks MIT License 59 Commits 3 Opened issues

Services available

Need anything else?

Scrollin

Do something great when an element enters the viewport. Build Status
scrollin

Install

npm i scrollin
bower i scrollin

Use

Scrollin.track(document.querySelector('#hi'), () => alert('hi!'))

Options

You can specify optional offset params to control when an elements is considered in the "viewport".

Scrollin.track(document.querySelector('#hi'), () => alert('hi!'), {
  top: 10,
  right: -10,
  bottom: 10,
  left: 10
})

API

  • Scrollin.track(document.querySelector('#hi'), () => alert('hi!'))
  • Scrollin.track(document.querySelectorAll('.hi'), () => alert('hi!'))
  • Scrollin.untrackAll()
  • Scrollin.untrack(document.querySelector('#hi'))
  • Scrollin.checkForVisibleElements()
  • Scrollin.getTracking()

Dev

  • npm i
  • npm run dev

Building

  • npm run compile

Polyfill Caveats

  • You may need to polyfill
    window.requestAnimationFrame
  • You may need to polyfill
    Array.prototype.splice
  • You may need to polyfill
    Array.prototype.some

📜

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.