Copy link to clipboard
Copied
Hello,
I am working on a project where I want a image & some objects to fill the whole screen when you open the website, UNTIL you scroll down. I have done this with a method to get them at 100%height and 100%width. Every item, including the overlays (ONLINE & OFFLINE), are a rectangle with the 100%height & 100%width that takes up the whole screen. That's the only way i thought off to get the 'ONLINE & OFFLINE' things to load on the bottom of the screen. I don't want that they stick on the bottom of the screen, but I want them to load in that place.
It works exactly how I want it to work on desktop, but on mobile and when I resize the browserheight, there suddenly is a space beteen the image/landing screen and the next section.
I want the rest of the content to snap to the fullscreen image that you see on load, without the space inbetween.
Can you guys give me tips on how to do this?
I would really appreciate it,
Thanks!
- Sander.
I DELETED THE LINK TO THE IMAGES BECAUSE I SOLVED IT.
Message was edited by: Sander Kuiken
I found the answer myself!
Copy link to clipboard
Copied
I found the answer myself!