Question

我很高兴使用这个简单的（点击）功能来启用我的100％-100％大小的iframe的可见性：

<script language="javascript">
            function newwindow() {
            var showme = document.getElementById("frame");
            showme.style.visibility = "visible";
            }
</script>

现在..在同一个函数中，我想禁用垂直滚动（在父页面上）。

我用Google搜索了好几个小时。卡住！我试过这样的东西：

document.getElementById('myBodyID').style.overflowY='hidden'

(document.getElementById('myBodyID').style["overflow-y"]).

以及更多，但没有任何好处发生。看起来“溢出”有问题，事实上我对此进行了快速测试：

document.body.style.backgroundColor="yellow"

它工作正常，页面变黄。但是同样的逻辑并不适用于身体的溢出＆＃39;。

有人可以帮忙吗？谢谢！

Answer 1

要使代码按照书面形式运行，您的<body>必须为<body id="myBodyID">

语法只是

document.getElementById("myBodyID").style.overflowY = "scroll";

如果在<head>中调用该脚本，您可能必须等到窗口加载;身体还没有存在。准备好文档在技术上是足够的，但如果没有jQuery，这是非常重要的。或者，将脚本移动到页面底部，或者只使用CSS。

Answer 2

这对我有用

<html>
<head>
<style>
html,body{
margin:0;
padding:0;
}
</style>
<script>
            function newwindow() {
            var showme = document.getElementById("frame");
            showme.style.visibility = "visible";
            document.body.style.overflow="hidden";
            }
</script>
</head>
<body onload="newwindow()">
<iframe id="frame" width="100%" height="100%" src="http://armblog.net">
</body>
<html>

Answer 3

好的我爱你们所有人。

听着，我确实尝试了所有提到的选项，所有这些都是正确的（谢谢）。

但是它在我的HTML中不起作用，为什么？

我刚刚找到原因：在我的CSS中我有：身体溢出 - x ：隐藏;对我来说工作正常，看起来很无辜。

实际上它阻止了上述脚本的工作。我不知道为什么。我删除它只是为了做一个愚蠢的尝试，现在一切正常。

干杯！

身体溢出-y隐藏，onclick

3 个答案: