Keep plane in Y position on scroll, when Z position is set behind 0

[Agusmac]

Hi!, needed some help with what im trying so set as my scene

Basically the idea was to use a plane as a background for some floating balls, which will be located at 0 Z,
for this reason, the plane must be set to a negative Z position, but when i do this the plane seems to move vertically on scroll, instead of keeping its position

ive made this demo to ilustrate my issue, changing one of the codepens from this https://codesandbox.io/p/sandbox/scrollscene-with-glb-forked-skchhn?file=%2Fsrc%2FApp.js%3A123%2C19

some notations
-im using a postprocessing effect which must affect both the plane and the balls
-tried using orthographic camera but not working
-tried changing Y position of the plane with useScrollbar but couldnt work out a good result

any help keeping the plane in place is welcome!

[ffdead]

Hi @Agusmac

Try setting depthWrite={false} on the plane material, and use renderOrder to draw the watch on top of the plane: https://codesandbox.io/p/sandbox/scrollscene-with-glb-forked-dn2xvm

[Agusmac]

Hey! @ffdead

Worked perfectly, thanks a lot for the help!