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