JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <iframe id='a' src='http://www.google.com/intl/en/about/index.html'></iframe>
</div>

CSS

div{ height:1000px }
iframe{ margin:200px; }

JavaScript

function preventDefault(e){
    e = e || window.event;
    if( e.preventDefault )
        e.preventDefault();
    e.returnValue = false;  
}

document.getElementById('a').onmousewheel = function(e){
    console.log(this);
    document.getElementById('a').scrollTop -= e. wheelDeltaY;
    preventDefault(e);
}