ScrollProgress attached to a parent container
Unanswered
Mathissou posted this in #help-forum
Hey, i'd like to make a ScrollProgress bar attached to a parent container, so when the parent container is scrolled (can be a div, or documentElement), the scroll bar (sticky at the top of the container) is updating. Here is my code for now (attached)
Can anybody help me please ? it works then there is no containerRef (searching for the documentElement), but when i set a ref to a div it just does not work
Can anybody help me please ? it works then there is no containerRef (searching for the documentElement), but when i set a ref to a div it just does not work
3 Replies
Inside the
It makes sense that it’s not working for other than the default documentElement because refs are attached after the screen is painted and effects have run. That’s React lifecycle.
useEffect do console.log(containerRef.current). If it’s null then the ref isn’t attached yet.It makes sense that it’s not working for other than the default documentElement because refs are attached after the screen is painted and effects have run. That’s React lifecycle.
@LuisLl Inside the `useEffect` do `console.log(containerRef.current)`. If it’s null then the ref isn’t attached yet.
It makes sense that it’s not working for other than the default documentElement because refs are attached after the screen is painted and effects have run. That’s React lifecycle.
ok thanks for ur answer, but do u have any tip to solve my issue and make it work please ?