How to change background color while scrolling (scrollcontrols)

[Achi00]

hi, is it possible to change canvas bg color with scroll? I tryed it with react only but bcz my scroll is with drei scroll controls it seems not to working, any solution? thanks

[conor-v]

hey @Achi00 you can use useScroll from drei to get a offset. With the offset you can write a function that creates new colors, and put that on your canvas background or css background for the body.

Here is a sandbox from drei where they use an useFrame and take the useScroll offset from it.
sandbox --> https://codesandbox.io/s/4jr4p

hopefully this helps