Skew on scroll

skew.js

React.useEffect(() => {
  const section = pageRef.current
  let currentPixel = window.pageYOffset
  
  const looper = () => {
    const newPixel = window.pageYOffset
    const diff = newPixel - currentPixel
    const speed = diff * 0.01

    if (section) {
      section.style.transform = `skewY(${speed}deg)`
    }

    currentPixel = newPixel

    requestAnimationFrame(looper)
  }

  looper()
}, [])