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());
});

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

2 个答案: