嵌入页面时如何删除双滚动条？

Question

这里有一些与此类似的问题，但他们的解决方案似乎对我不起作用。基本上我已经将一个页面嵌入到网站上的一个页面中，并且得到了双滚动条，一个在 iframe 中，一个在它嵌入的页面中。我想要的是取消 iframe 中的滚动条并制作它扩展了 iframe 的 100%，并且只在我的页面中使用滚动条。所以很难说它是一个嵌入式页面。我正在使用 Bootstrap 的 iframe 嵌入类来保持页面响应。如果我需要取消该课程，那很好。这是html。

<div class="container">
<div class="main">
  <div class="inner-main">
      <h1>Page Heading</h1>
      <div class="row">
        <div class="col-lg-12">
            <div class="embed-responsive embed-responsive-16by9">
              <iframe  class="embed-responsive-item" src="mylink"></iframe>
            </div>
        </div>
      </div>
    </div>
  </div>
</div>  

有没有简单的方法来做到这一点？嵌入的页面相当长，所以我需要它来将我的页面一直向下推。

这是我最终做的：

<iframe onload="scroll(0,0);" class="embed-responsive-item" src="mylink"></iframe>

CSS

.embed-responsive-16by9 {
    height: 6060px;
    }

iframe {
    width: 100%;
    display: block;
    height: 6060px;

  }

我会寻找更好的方法来做到这一点

Answer 1

编辑：删除了我的其他答案，我误读了问题。

除非 iFrame 和父页面在同一个域上，否则很难做到，这样的事情应该可以工作：

Resizing iframe to fit its content

Answer 2

如果您不使用跨域的内容，您的脚本将是

$('#iframe_id').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});