即使光標沒有懸停它，也無法滾動iframe？

Question

也許你可以做一個JavaScript滾動事件的滾動iframe？儘管我並不擅長JavaScript。

我發現這一點，但我仍然不知道如何定位的iframe，並滾動它： Get mouse wheel events in jQuery?

Answer 1

給你：http://jsfiddle.net/dsmeuzL5/

HTML：

<iframe id="myframe" src="//www.yourpage.com"></iframe> 

JS： 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);