❌ On scroll, address bar hides → layout jumps, extra white space at bottom. .mobile-menu height: 100tvh; overflow-y: auto;

Go ahead. Delete that window.innerHeight code. Your future self will thank you. Have you tried tvh in your projects yet? Share your experience below or on X @yourbloghandle.

.fullscreen-section height: 100tvh; /* Real fullscreen, no overflow */

I have structured this as a complete, ready-to-publish article for a web development blog. Published on: April 17, 2026 Category: CSS, Layout, Responsive Design Reading time: 4 min

Before (with vh ) .mobile-menu height: 100vh; overflow-y: auto;