將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現在是網站的中心部分（例如yahoo）。 我可以隨時調整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>