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

これに対する別の解決策は、CSS の高さプロパティ 100% に追加の下マージン ピクセルを追加して、スクロールバーを強制することです。

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

Answer 2

完全に理解しているかどうかはわかりません。ブラウザにはその機能が自動的に備わっています。overflow-y: scroll常にスクロールバーを強制するCSSを探しているかもしれません。

あなたはそのようにそれを置きたいと思うでしょう：

html {
  overflow-y: scroll;
}