Fatal编程技术网
  • html/
  • Html 可以控制页面的滚动吗？

Html 可以控制页面的滚动吗？

html css iframe

Html 可以控制页面的滚动吗？,html,css,iframe,phonegap,Html,Css,Iframe,Phonegap,我有一个带有iframe的HTML页面，如下所示： <body> <h1>Page</h1> <iframe src="./randompage.html" frameborder="0" allowfullscreen></iframe> </body> 页 但是，页面本身会滚动，iframe也会滚动。有没有一种方法可以停止页面的滚动，并且只显示滚动的iframe （请注意，这适用于phonegap应

我有一个带有iframe的HTML页面，如下所示：

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


页
但是，页面本身会滚动，iframe也会滚动。有没有一种方法可以停止页面的滚动，并且只显示滚动的iframe

（请注意，这适用于phonegap应用程序）

额外信息
似乎
body{overflow:hidden；}
对phonegap（请参见此处：）不起作用。

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

body{
    overflow-y:hidden;
}
看看这个

如果要同时禁用垂直和水平滚动，可以使用
overflow:hidden

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

body{
    overflow-y:hidden;
}
看看这个

如果要同时禁用垂直和水平滚动，可以使用
overflow:hidden
我会尽量确保内容正确

如果这不是一个选项



正文{
溢出：隐藏；

}
我会尽量确保内容正确

如果这不是一个选项



正文{
溢出：隐藏；

}
由于
溢出：隐藏
在您的案例中不起作用，您可以根据具体的用例，使iframe
位置为绝对
，并通过
左侧
和
顶部
定义其位置。这意味着家长页面不会溢出到视口之外。
因为
溢出：隐藏在您的案例中不起作用，您可以根据具体的用例，使iframe
位置：绝对
并通过
左
和
顶
定义其位置。这意味着家长页面不会溢出到视口之外。
您是否尝试过使用
body{overflow-y:hidden}？@Rubenxfd嗯不，我没想到。。。感谢您尝试使用
body{overflow-y:hidden}？@Rubenxfd嗯不，我没想到。。。谢谢