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>

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

1 个答案: