html - 将 html 网页嵌入另一个网页并使用父滚动条滚动它

Question

我想在另一个(父)html 网页中显示一个 html 网页的内容，将嵌入式网页拉伸(stretch)到父级的宽度，并在能够向下滚动的同时删除嵌入式网页的滚动条使用主页面滚动条作为嵌入内容高度的嵌入网页内容太长，无法容纳。我尝试使用类似问题的答案中的代码，包括:

    <iframe style='overflow:hidden; width:100%; height:100%' scrolling = "no" src="annotated list of courses.html" frameborder="0" width="100%" height="100%"> </iframe>     

但我无法达到预期的结果。我希望能够使用父页面的滚动条滚动嵌入式网页的内容。这是可能的(不需要将代码从嵌入的 HTML 复制到父代码)以及如何实现？谢谢。

Answer 1

我通过为嵌入网页指定一个大于或等于网页高度的特定高度解决了这个问题，如下所示:

<div id="content" class="content content-full" style="margin-top: -40px;">
    <iframe style='overflow-y:hidden; width:100%; height:17560px' src="annotated list of courses.html" frameborder="0" width="100%" height="17560px" type="text/html"> </iframe>
</div> 

我希望这也能为其他人解决问题，任何更好或不同的解决方案也将受到赞赏。

ps:你必须指定一个至少等于嵌入网页或元素的内容高度才能使滚动条消失。