New to WIP?

We're a group of makers shipping together. We help each other stay accountable and reach our goals.

Apply for access
Topics
👨‍💻 Developers
Other questions
Reccomendations on CRM especially simple ones 4 answers
Emails: Use a service or do it yourself? 14 answers
I have thousands of pages to index on Google. How to do this without ruining my domain rep? 6 answers
Have you A/B tested a Stripe Climate enabled checkout vs. regular checkout? 4 answers
Back
 Question
Asked

How to do CSS positioning that shows the whole thing on one page without the user having to scroll down?

I'm coding the design of my web app. I'd like the whole thing to show on one page without the user having to scroll down. The design is simple and loans itself to that, I just need to work out the coding.

I've played with %, vh, and vmin. It looks like a mess, particularly on phones and tablets where it shrinks tiny when the screen gets small for the keyboard. But even on regular desktop it's not great.

Ideas?

Jill Binder
@jillbinder

👋 Join WIP to participate

I haven't done this in a while but in the past I've had success with getting the window.innerWidth and innerHeight with JavaScript (on page load) and setting it to the <body> element as width and height. Then add overflow:hidden and presto.

 Reply
Pug Pugson
@pugson

Can you share a screenshot of the UI you're trying to build?

 Reply