JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
    html, body {
        height: 100%;
        overflow: hidden;
    }
    body {
        background: #000;
        font: 86% Arial, "Helvetica Neue", sans-serif;
        margin: 0;                
    }
    #content {
        height: 100%;
    }
</style>
</head>
    <body>
        <div id="content">
            <p>Resize the window in firefox 5</p>
        </div>      
    </body>
</html>

JavaScript

function scrollfix() {
        var altura = $(window).height();            
        if (altura < 650) {
            $("body").css("overflow", "auto");  
            $("#content").css("height","678");
        } else {
            $("body").css("overflow", "hidden");
        }
        alert("You get a Black screen on FF5 if you resize it");
    }    
    
    $(document).ready(function() {
        scrollfix();        
        $(window).resize(function() {
            scrollfix();
        });
    });