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

Adjust iframe scroll to height of screen resolution

本文关键字：分辨率 高度 屏幕 iframe 滚动 调整      更新时间：2023-09-26

是否可以根据屏幕(浏览器)的大小调整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滚动根据浏览器的高度自动?使其响应浏览器的高度，就像它是宽度?

如果你使用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>
相关文章：