Question

我有一个链接＆＃34;关于＆＃34;，当我点击它时，它会出现一些覆盖主页面的信息（z-index：100）。（点击该按钮后，它变为＆＃34; CLOSE＆＃34;感谢我在某处找到的javascript）

如何点击该ABOUT按钮，向主体添加溢出：隐藏标签，这样当我滚动信息时，主页面保持原样？（而且我想我应该对＆＃34; CLOSE＆＃34;按钮添加ovewflow：auto to body）

MMM不确定它是否清楚，但这是我用英语做的最好的。

感谢您的帮助。馈。

Answer 1

document.getElementsByTagName("body")[0].style.overflow = "hidden";

Answer 2

从我能确定你的问题来看......这似乎就是你想要做的事情。

将单击事件添加到切换document.body.style.overflow的元素，以禁止滚动行为。

function ToggleBodyOverflow(ev)
{
    if (document.body.style.overflow !== "hidden")
    {   
        document.body.style.overflow = "hidden";
        document.body.style.backgroundColor = "whitesmoke";
    } else {    
        document.body.style.overflow = "auto";
        document.body.style.backgroundColor = "gray";
    }
}

document.getElementById("btnBodyToggle").addEventListener("click",ToggleBodyOverflow);

body {display:inline;width:100%;height:100%;position:relative; background-color:green;}
div#cover {display:block;background-color:gray;height:2500px; width:2700px;}

<button id="btnBodyToggle">Toggle Document.Body Overflow</button>
<div id="cover"></div>

jsFiddle：http://jsfiddle.net/aszwgkw3/

注意，我不确定这在实践中会有多大效果..如果你点击并按住鼠标上的中间按钮，它通常会破坏叠加隐藏行为..移动设备滚动/拖动可能会造成问题好。

仅滚动一个（z-index）图层

2 个答案:

jsFiddle：http://jsfiddle.net/aszwgkw3/