Question

当用户将鼠标悬停在iframe上时，如何阻止在iframe中滚动？

这是我正在使用的代码：

的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);
}

HTML

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

CSS

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

Here is an example JS Fiddle.它适用于Chrome，但不适用于FF。理想的行为应该如下：整个页面（正文）不应滚动而iframe上的鼠标悬停事件发生：无论iframe内有多少文字（使用滚动条http://jsfiddle.net/2QcVJ/23/或没有{{3} }）;

有什么想法怎么做？提前致谢

防止在FF中的iframe上滚动冒泡

0 个答案: