JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
    <iframe class="web" src="http://cooltrenz.com" scrolling="no" ></iframe>
</div>

CSS

.web
{
 width:150px;
 display:block; 
 overflow:hidden;  
 border:solid green 2px;
      
}

JavaScript

$(document).ready(function(){
    $('iframe').hover(function(){
        $(this).css({
            "width":"500",
            "height":"400",
            "overflow":"scroll"
        });
        $(this).attr("scrolling", "yes");
    },
    function(){
        $(this).css({
            "width":"150",
            "height":"150",
            "overflow":"hidden"
        });
        $(this).attr("scrolling", "no");
    });   
});