Embed WebGL and scroll

Hey everyone,

I wanted to chat about an issue we’ve run into while exporting games in WebGL from Unity and adding them to our web platform. We’re an education company that loves using WebGL-embedded games as part of our learning platform.

The snag we’ve hit is when we embed these games using iframes and go for that full-screen width look. It’s great for showcasing the games, but there’s a catch: we lose the ability to scroll on the main page when the mouse cursor or touch is within the game’s iframe.

This hitch has been a real downer for our platform, especially when it comes to user experience. Not being able to scroll means our users can’t access the content below the game’s iframe. It’s a significant roadblock for us, and it’s messing with the usability of our platform.

So, here’s where I need your help. Is there a nifty trick or a specific setup that could keep the scroll feature alive on the main page, even when we’re using the full screen width to embed WebGL games?

Any info, tips, or solutions you can toss my way would be super appreciated.

Thanks a bunch!

Have you tried setting WebGLInput.captureAllKeyboardInput to false?