javascript - 将 iframe 滚动调整到屏幕分辨率的高度

Question

是否可以根据屏幕（浏览器）的大小调整 iframe 滚动的高度？这就像简单地用 iframe 滚动替换默认浏览器滚动。这就是我的意思：

我目前禁用了浏览器滚动：

<style type="text/css">
html, body {
  overflow: hidden;
}
</style>

我有我的 iframe：

<iframe width="100%" src="http://www.yahoo.com" scrolling="yes" frameborder="0" height="100%">
</iframe>

将宽度设置为 100% 时，iframe 滚动条被推到最右边，在某种程度上取代了默认的浏览器滚动条，而我的 iframe 现在是网站的中心部分（雅虎就是一个例子）。我总是可以调整 iframe 的高度以适合我的特定浏览器大小但是有没有办法根据浏览器高度自动设置 iframe 滚动？让它像对宽度一样响应浏览器的高度？

Answer 1

如果您使用的是 jQuery，您可以这样做$(window).height()，然后将 iframe 高度设置为它。

将它放到 HTML 文件的底部，就在结束</body>标记的上方。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
;(function($){
    $(document).ready(function(){
        $('iframe').height( $(window).height() );
        $(window).resize(function(){
            $('iframe').height( $(this).height() );
        });
    });
})(jQuery);
</script>