当鼠标在 iframe 中时，主页面不在 Firefox 中滚动答案

【问题标题】：When Mouse is in Iframe the main page is not scrolling in firefox当鼠标在 iframe 中时，主页面不在 Firefox 中滚动
【发布时间】：2015-12-10 02:45:27
【问题描述】：

看到这个小提琴http://jsfiddle.net/shmdhussain/jop93dhr/2/，我的主页中有 iFrame 内容区域，但是当我的鼠标在 iframe 区域内时，我的主页没有滚动，仅在 Firefox 中发生。在 chrome 和 safari 中测试并运行良好。

提前感谢您的帮助。



    iframe = document.getElementById('iframeid');
    div_el = document.createElement('div');
    div_el.innerHTML = "<ul><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><li>foo</li><ul>";
    iframe.contentWindow.document.body.appendChild(div_el);
    <iframe id="iframeid" height="200px" src="about:blank">
        

            
            
     </iframe>
      <ul>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <li>bar</li>
        <ul>

【问题讨论】：

我尝试使用 mozilla 正在工作，但是当你尝试在 iframe 中滚动时它会有一点延迟你试试看.....我向下滚动到 iframe 的末尾然后它会延迟大约1s - 2s 如果你继续滚动主浏览器滚动将起作用..
@nicholas：当你在 iframe 中间时，尝试滚动，只有 iframe 在滚动，而不是主页。
@nicholas 你是对的，但是当我尝试在我的网站中包含 disqus iframe 时，我遇到了这个问题，仅在 Firefox 中，当鼠标在 disqus iframe 中时，页面完全不可滚动跨度>
对不起，当您在 iframe 中包含 disqus 时，我不明白它只有这个问题或现有已经有这个问题？
@nicholas 这个问题似乎与我使用的不错的滚动插件有关，找到了这个链接github.com/inuyaksa/jquery.nicescroll/issues/322。感谢您的帮助。

标签： javascript html css iframe

【解决方案1】：

这是所有浏览器的默认行为：如果您在 iframe 中滚动并且鼠标悬停在它上面，则滚动优先级将赋予此 iframe。

如果您不希望出现这种行为，请避免在 iframe 中滚动（其内容的高度必须低于其高度）。

如果你不想修复你的 iframe 的高度，你可以创建一个透明的元素覆盖它……但它真的很脏……

【讨论】：

在 Chrome 和 Safari 中试试这个，即使我的鼠标在 firefox 的 iframe 内容上，主页也完全无法滚动
问题似乎与我使用的不错的滚动插件有关，找到此链接 github.com/inuyaksa/jquery.nicescroll/issues/322。感谢您的帮助。