Is it possible to add laxxx effects to elements inside of a fixed div with 'overflow: scroll'? about lax.js

[alexfoxy]

Yes this is possible. Check my answer to: #66 #66

[rchrdnsh]

yup, totally did not see that one, thank you :-)

[rchrdnsh]

sweet, it worked!

I just made my own hook, ala useLax, like so, directly in the component I'm parallaxing in:

function useLax() {
  const requestRef = useRef();

  useEffect(() => {
    lax.setup() // initialization
    const element = document.querySelector('#scroller') // Find your scrollable element

    const updateLax = () => {
      lax.update(element.scrollTop) // pass in the elements scrolled position
      requestRef.current = window.requestAnimationFrame(updateLax);
    };

    requestRef.current = window.requestAnimationFrame(updateLax);

    return () => {
      if (requestRef.current) {
        window.cancelAnimationFrame(requestRef.current);
      }
    };
  }, []);
}

Thank you for this library! XD