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

Javascript 将iframe滚动调整到屏幕分辨率的高度,javascript,html,iframe,Javascript,Html,Iframe,是否可以根据屏幕(浏览器)的大小调整iframe滚动条的高度?这就像简单地用iframe滚动条替换默认的浏览器滚动条一样。我的意思是: 我当前已禁用浏览器滚动: <style type="text/css"> html, body { overflow: hidden; } </style> html,正文{ 溢出:隐藏; } 我有我的iframe: <iframe width="100%" src="http://www.yahoo.com" scrol

是否可以根据屏幕(浏览器)的大小调整iframe滚动条的高度?这就像简单地用iframe滚动条替换默认的浏览器滚动条一样。我的意思是:

我当前已禁用浏览器滚动:

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

html,正文{
溢出:隐藏;
}
我有我的iframe:

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


宽度设置为100%时,iframe滚动条被推到最右侧,在某种程度上取代了默认的浏览器滚动条,my iframe现在是网站的中心部分(yahoo就是一个例子)。我可以随时调整iframe的高度以适应我的特定浏览器大小,但是有没有办法根据浏览器高度自动设置iframe滚动?使其响应浏览器高度,就像响应宽度一样?

如果使用jQuery,可以执行
$(window).height()
然后将iframe高度设置为它

将其放入HTML文件的底部,就在关闭标记的上方

<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>

;(函数($){
$(文档).ready(函数(){
$('iframe').height($(window.height());
$(窗口)。调整大小(函数(){
$('iframe').height($(this.height());
});
});
})(jQuery);

如果使用jQuery,可以执行
$(window).height()
然后将iframe高度设置为它

将其放入HTML文件的底部,就在关闭标记的上方

<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>

;(函数($){
$(文档).ready(函数(){
$('iframe').height($(window.height());
$(窗口)。调整大小(函数(){
$('iframe').height($(this.height());
});
});
})(jQuery);

我正在使用jQuery,现在还不熟悉它。它能让我找到卷轴的响应高度吗?你能给我举个例子吗?很抱歉占用了你的时间,我该如何最好地实现这个呢?我正在使用jQuery,现在还不熟悉它。它能让我找到卷轴的响应高度吗?你能给我举个例子吗?很抱歉占用了你的时间,我该如何最好地实现这一点?