We have a project on a mobile web page, which user will get stuck on the 3d scene (can’t scroll up or down anymore), when they interact with it, the only way they can scroll up and down is to move to the html part of the page which is not very straightforward. Are there any good suggestions here ab…

If there’s a canvas in the middle of a site and it’s preventing a user from scrolling, it might be worth looking into making some kind of toggle or activation to enter/exit interactive mode. For example, you could have your canvas set up so that the user has to double click to enter or exit an inte…

Maybe canvas { pointer-events: none } could help you? *If your scene has not any interactive

Thank you for the suggestion, but our scene did have lots of interaction

@PolygonalSun might have a trick

3d scene Scroll on mobile

Questions

Dok11 July 16, 2022, 9:30pm 4

Try to check this solution How to create a click-only canvas? (disable movement, keep "pull down to refresh")

Topic		Replies	Views
Best practice - embedded models in mobile Questions	7	1016	March 10, 2020
Enable page scrolling on <canvas> element Questions	1	4130	June 24, 2020
Scroll on mobile Questions gui , gui-editor	11	1774	August 18, 2022
Parent page scrolling Questions	2	557	May 26, 2022
How to create a click-only canvas? (disable movement, keep "pull down to refresh") Questions	4	1201	March 10, 2020

3d scene Scroll on mobile

Related topics