Sorry to re-open this, but, today, I created another scene. That scene has a significantly larger height that the one you can see above. So, when a user goes to the new scene, the height of the browser doesn’t change until it’s resized at least once. As from what I understood from the code, it sets height only in the beginning when the first scene loads. Thus, even when the scene changes, it doesn’t update the height until the browser is resized and it is triggered to match the height of the new content. It stays in the height of the old content and thus, my content gets clipped again.
I tried to use another function (
window.location.reload();) when the new scene kicks in and without doubt, that didn’t work because it refreshes the browser tab and I’m back on the first scene.
<head> of my document, so, the height will change when each scene loads. I’m just not sure how to do this.
How can I do that, or is there any other solution?