JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="disable" value="Disable" />
<input type="button" id="enable" value="Enable" />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

JavaScript

$("#disable").click(function(){
    $('html, body').css({
        'overflow': 'hidden',
        'height': '100%'
    }) 
});

$("#enable").click(function(){
    $('html, body').css({
        'overflow': 'auto',
        'height': 'auto'
    })
});