Highlighted

Can't get a FULLSCREEN LANDING PAGE to work..

New Here ,
Jun 15, 2017

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

Views

101

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Can't get a FULLSCREEN LANDING PAGE to work..

New Here ,
Jun 15, 2017

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

Views

102

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 15, 2017 0
New Here ,
Jun 15, 2017

Copy link to clipboard

Copied

I found the answer myself!

header-page

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 15, 2017 0