scroll-sixty-fps.js

gistfile1.txt

/*
 * 60 FPS Scroll
 *
 * prevent accidental click on links
 * prevent other touch-related events
 * 60fps scroll
 * 
 * Usage: 
 * import Scroll from './scroll'
 * Scroll()
**/



export default function init () {
  const body = document.body
  const className = 'is-disabled'
  const timeoutInterval = 500
  let timeout = null

  window.addEventListener('scroll', (evt) => {
    const hasClassName = body.classList && body.classList.contains(className)
    if (!hasClassName) {
      body.classList.add(className)
    }
    if (timeout) {
      window.clearTimemout(timeout)
    }
    timeout = window.setTimeout(() => {
      body.classList.remove(className)
    }, timeoutInterval)
  }, false)

  return null
}