Mobile vh hack

vh.js

// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight 0.01;

// Then we set the value in the vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);

// We listen to the resize event
window.addEventListener('resize', () => {
    // We execute the same script as before
    vh = window.innerHeight * 0.01;
    document.documentElement.style.setProperty('--vh', `${vh)px`);
});

/* 
style.css:
body {
    height: calc(100 * var(--vh));
}
*/