JSFiddle - React, Tailwind, and code Playground
HTML
<iframe id="myframe" src="http://fiddle.jshell.net"></iframe>
JavaScript
var iframe = document.getElementById('myframe');
var MouseWheelHandler = function (e) {
// cross-browser wheel delta
var e = window.event || e; // old IE support
var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
console.log(delta);
var doc = iframe.contentDocument ? iframe.contentDocument : (iframe.contentWindow ? iframe.contentWindow.document : iframe.document);
doc.body.scrollTop = doc.body.scrollTop - (delta * 30);
return false;
}
if (window.addEventListener) {
// IE9, Chrome, Safari, Opera
window.addEventListener("mousewheel", MouseWheelHandler, false);
// Firefox
window.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
// IE 6/7/8
else window.attachEvent("onmousewheel", MouseWheelHandler);