Javascript 当鼠标在Iframe中时,firefox中的主页不会滚动

Javascript 当鼠标在Iframe中时,firefox中的主页不会滚动,javascript,html,css,iframe,Javascript,Html,Css,Iframe,看到这把小提琴,我的主页里面有iFrame内容区域,但是当我的鼠标在iFrame区域里面时,我的主页没有滚动,只发生在firefox中。经过测试,在铬合金和safari中工作良好 提前感谢您的帮助 iframe = document.getElementById('iframeid'); div_el = document.createElement('div'); div_el.innerHTML = "<ul><li>foo</li&

看到这把小提琴,我的主页里面有iFrame内容区域,但是当我的鼠标在iFrame区域里面时,我的主页没有滚动,只发生在firefox中。经过测试,在铬合金和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=document.getElementById('iframeid');
div_el=document.createElement('div');
div_el.innerHTML=“
  • foo
  • foo
  • foo
  • foo
  • foo
  • foo
  • foo
  • ”; iframe.contentWindow.document.body.appendChild(div_el)
    
    
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧
    • 酒吧

    这是所有浏览器的默认行为:如果您在iframe中滚动并将鼠标悬停,则此iframe将获得滚动优先级

    如果不希望出现这种行为,请避免在iframe中滚动(其内容的高度必须低于其高度)


    如果不想固定iframe的高度,可以创建一个覆盖它的透明元素。。。但它真的很脏…

    我试过使用mozilla,但如果你尝试在框架中滚动,它会有一点延迟。。。。。我向下滚动到iframe的末尾,如果你继续滚动,则会延迟1s-2s左右,主浏览器的滚动会起作用。@nicholas:当你在iframe中间时,请尝试滚动,只有iframe在滚动,而不是主页。@nicholas你是对的,但我在我的网站中尝试包含discus iframe时遇到了这个问题,只有在firefox中,当鼠标在Discus iframe中时,页面完全不可滚动抱歉,当你在iframe中包含Discus时,我不明白它只有这个问题,或者现有的已经有这个问题?@nicholas这个问题似乎与我使用的漂亮的滚动插件有关,找到了这个链接。感谢您的帮助。在Chrome和Safari中尝试此功能,即使我的鼠标位于firefox中的iframe内容上,主页也完全无法滚动,这就是问题所在。我使用的尼斯滚动插件似乎存在问题,找到了以下链接github.com/inuyaksa/jquery.nicesroll/issues/322。谢谢你的帮助。