-
|
Hi, I'm trying to update my scrollbar progress whenever my camera changes its position in my scene, with no success. This example shows exactly what I'm trying to achieve: that selected an option, the camera moves updating the scrollbar progress. Unlike the example, I'm using drei's Here's the code that reproduce the problem, as you can see, when you click an option, the camera moves successfully, but the scrollbar doesn't move at all: https://codesandbox.io/s/mixing-html-and-webgl-w-occlusion-forked-zccr4t?file=/src/Setup.jsx |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
You were close! You needed to set Here is a demo with the fix. https://codesandbox.io/s/mixing-html-and-webgl-w-occlusion-forked-vr117c?file=/src/Setup.jsx |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, this worked like a charm! How can I make sure that the scrollbar moves when I choose the 'About Us' option though? It seems like it moves when selecting the other options but the first. I'll keep tweaking it a bit to see if I'm able to solve it. |
Beta Was this translation helpful? Give feedback.
-
|
Check the I bet if you set |
Beta Was this translation helpful? Give feedback.
-
|
@mwmwmw I tried, but it doesn't seems to work as expected. Due to size limit I am not able to upload the whole project to codesanbox, but here's a screen recording of my issue. As you can see, when scrolling (without clicking the navbar) the scroll has a different offset than of when I click on the menu. I feel like I'm almost close though! But I'm getting out of ideas. I deeply appreciate the help you have provided to me. |
Beta Was this translation helpful? Give feedback.
You were close!
You needed to set
pagetostate.clickedso thatscroll.el.scrollLeftwas getting the right value.pagewas hardcoded to 3.Here is a demo with the fix.
https://codesandbox.io/s/mixing-html-and-webgl-w-occlusion-forked-vr117c?file=/src/Setup.jsx