即使光标没有悬停它，也无法滚动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);