我有一个像这样的iframe的HTML页面：
<body>
<h1>Page</h1>
<iframe src="./randompage.html" frameborder="0" allowfullscreen></iframe>
</body>
但是，页面本身会滚动，iframe也会滚动。有没有办法阻止页面滚动，只有滚动的iframe？
（请注意，这适用于手机应用）
似乎body { overflow: hidden; }无法处理手机屏幕（请参阅此处：Phonegap and Android overflow issue）。
答案 0 :(得分：1)
使用overflow-y: hidden停止（垂直）滚动页面。您可以像这样添加body
body{
overflow-y:hidden;
}
看看这个fiddle
如果要同时禁用垂直和水平滚动，可以使用overflow: hidden;。
答案 1 :(得分：1)
我会尝试确保内容fits inside the viewport。
如果这不是一个选项，trim the body by hiding the overflow。
body {
overflow: hidden;
}
答案 2 :(得分：1)
由于overflow:hidden在您的情况下不起作用，您可以根据具体用例制作iframe position:absolute并通过left和top定义其位置。这意味着父母页面不会溢出视口。