Three.js scene overflow error on mobile

Questions
,
1

I’m developing a scene with an animated camera using GSAP. It works great on desktop but on mobile when you scroll down it scrolls the canvas a little, showing the white space beneath and then snaps back in place. I tried fixing it using overflow:hidden, overflow-y:hidden, and overscroll-behavior-y: contain but none seem to work. Any ideas on how to fix this issue?

Heres my repo: GitHub - tv4Interactivo/interior_plants and github page: Plantas para interior para tu casa

2

You can add to you page an invisible element with position: fixed and bottom:0. And every animation frame check its bottom position usin getBoundingClientRect() - this will be equal to the visible height