更简单的解决方案:
给您的父实体一个id("bodyID"
在示例中),然后在您的启用和禁用滚动功能中添加:
function disable_scroll()
{
document.getElementById("bodyID").style.overflow="hidden";
}
function enable_scroll()
{
document.getElementById("bodyID").style.overflow="auto";
}
基本上,由于您不希望父页面滚动,而不是针对单个事件,因此只需在光标位于内时完全禁用父页面滚动即可iframe
。简单,跨浏览器,而且更直接。
实际上,您可以消除90%的代码,而只需使用
function disable_scroll()
{
document.getElementById("bodyID").style.overflow="hidden";
}
function enable_scroll()
{
document.getElementById("bodyID").style.overflow="auto";
}
document.getElementById("miframe").onmouseenter = disable_scroll;
document.getElementById("miframe").onmouseleave = enable_scroll;
您可以使用document.body
,但是当您与JSBin或类似产品一起玩时,这会造成混乱,并且有六打(可以,三个,但仍然)documents
和bodies
。
在此处检查Modified JSBIN 。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句