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