Prevent Scroll with Three FIber on Mobile
In one of Theos videos he was going through portfolios and criticized the ones that let him scroll up and see an uncolored background. I just finished a game Jam using React Three Fiber to make a 3D game, but it is hard to play on mobile since scrolling around in the scene also starts scrolling around on the page. I made overflow hidden to try to prevent this, but it doesn't seem to fix it entirely. Probably the best solution would be to make the canvas fullscreen, which I could probably figure out, but I'm curious if there is any way to stop this pesky scroll behavior when it is not full screen. (a teammate most copied this part of the game from a poimandres demo, although I refactored it into smaller components, changed it to Typescript, added behaviors with the words, and replaced the assets with art my teammates made) Here is the minigame causing issues : https://tumblewords-dev.web.app/minigame1
0 Replies