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

[rchrdnsh]

I see that this uses the windows scroll position, but would it be possible to add laxxx effects to the elements inside of a div that is fixed, but has overflow-y: scroll?

also curious how that might be implemented using the react hooks version as well :-)

I might have missed it in the docs, if so, my apologies :-)

[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