使用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

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

你会想要这样：

html {
  overflow-y: scroll;
}