html - 使用 iframe 进行垂直滚动

Question

代码 ：

<iframe id="mainiframe" name="mainiframe"  src="path" style="width: 100% !important;height:700px;"
 scrolling="yes" frameborder="0">
</iframe>

当 iframe 的内容超过它的高度时，它将在 iframe 内显示滚动但我想在浏览器上进行相同的滚动。

浏览器滚动条怎么办？

Answer 1

另一个解决方案是添加一个 100% 的 CSS 高度属性加上一个额外的底部边距像素来强制滚动条，例如。

html, body {
height: 100%;
margin: 0 0 1px;
}

Answer 2

我不确定我是否完全理解 - 浏览器自动具有该功能。您可能正在寻找overflow-y: scroll始终强制滚动条的 CSS。

你会想这样说：

html {
  overflow-y: scroll;
}