JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

CSS

body{
    height:800px;
}

#container{
    background:red;
    height:200px;
    width:200px;
}

JavaScript

$('#container').hover(function() {
    $("body").css("overflow","hidden");
}, function() {
     $("body").css("overflow","auto");
});