是否可以控制页面的滚动？答案

【问题标题】：Is it possible to control the scrolling of a page?是否可以控制页面的滚动？
【发布时间】：2017-07-19 10:08:27
【问题描述】：

我有一个带有这样 iframe 的 HTML 页面：

<body>
    <h1>Page</h1>
    <iframe src="./randompage.html" frameborder="0" allowfullscreen></iframe>
</body>

但是，页面本身会滚动，而 iframe 也会滚动。有没有办法停止页面滚动并且只有 iframe 滚动？

（请注意，这是针对 phonegap 应用程序）

额外信息

body { overflow: hidden; } 似乎不适用于 phonegap（请参阅此处：Phonegap and Android overflow issue）。

【问题讨论】：

【解决方案1】：

我会尽量确保内容fits inside the viewport。

body {
    overflow: hidden;
}

【讨论】：

【解决方案2】：

使用overflow-y: hidden 阻止您的页面（垂直）滚动。您可以像这样将其添加到您的body

body{
    overflow-y:hidden;
}

看看这个fiddle

如果你想禁用垂直和水平滚动，你可以使用overflow: hidden;。

【讨论】：

【解决方案3】：

由于overflow:hidden 在您的情况下不起作用，您可以根据您的具体用例制作 iframe position:absolute 并通过left 和top 定义它的位置。这意味着父页面不会溢出视口。

【讨论】：