Javascript Iframe：删除Iframe滚动并使用窗口滚动查看Iframe的内容

如何让Iframe禁用滚动，从而使浏览器只能用于滚动？我知道您可以设置

scrolling=“no”

，但这不是我想要的。如果内容超出了框架，我希望使用浏览器滚动而不是Iframe。如何做到这一点

---

我有不同高度的页面，这些页面将在iframe中填充；因此，手动设置高度不是一个选项。所有的溢出：隐藏等都试过了，但都没有用。

检查一下我做的小提琴

HTML

<div class="box">
    <iframe src="http://www.adrianenriquez.com"></iframe>
</div>
<div class="box">
    <iframe src="http://jsfiddle.net/GbeLD/embedded/result/"></iframe>
</div>
<div class="box">
    <iframe src="http://www.plusia.it/public/prodotti/6/low/ser-11027-w.jpg"></iframe>
</div>

这将根据

的内容动态/自动更改滚动条

• 框1-X和Y滚动条
• 框2-Y滚动条
• 框3-无滚动条

---

我不知道您要搜索的代码，但您可以在右侧创建一个滚动条，它实际上不是浏览器的滚动条，但看起来类似。 而且，浏览器的滚动条不能用来控制里面的元素

---

但是，您可以将iframe的高度设置为一个非常大的值，这样所有页面都可以放进去。这将使您的页面变长，使浏览器的滚动条能够滚动页面。：）

如果页面位于同一个域中，则可以将此页面高度设置为iframe的内容

滚动高度

。将iframe设置为一个

fixed

位置，然后使用jQuery

scroll（）

事件镜像浏览器滚动，如下所示：

$('iframe').load(function() {
    var h = $('iframe').contents().find('body')[0].scrollHeight;
    $('body').height(h)

    $(window).scroll(function() {
        var winTop = $(this).scrollTop();
        $('iframe').contents().find('html, body').scrollTop(winTop);
    });
});

---

是的，这就是我试图避免的……只需考虑AdRiEnReqQuz iFrAME；想象一下，作为当前唯一的iframe，现在如果我想完整地访问它，我只想使用页面滚动，而不是iframe滚动。自动调整和外观的卷轴，我能够完成，但我不想2卷轴；我只想通过页面滚动来访问X和Y的内容。唉……我想这是唯一的选择。我只想通过浏览器滚动条来实现iframe内容的滚动。

$('iframe').load(function() {
    var h = $('iframe').contents().find('body')[0].scrollHeight;
    $('body').height(h)

    $(window).scroll(function() {
        var winTop = $(this).scrollTop();
        $('iframe').contents().find('html, body').scrollTop(winTop);
    });
});