html - 嵌入页面时如何去除双滚动条？

Question

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