Question

我有这个

 <script>
     var calcHeight = function() {
       $('#iframe').height($(window).height());
     };
     $(document).ready(function() {
       calcHeight();
     });

     $(window).resize(function() {
       calcHeight();
     }).load(function() {
       calcHeight() ;
     }); </script>

上面的JS只调整了高度。如何编辑上面的JS并添加到计算高度10px？

例如，如果JS计算700px，我需要将高度设置为710px。

Answer 1

您可以使用css calc（）和vh单位为您进行计算

iframe {
    height:calc(100vh + 10px);    
}

JSFiddle demo

calc() compatibility

Viewport units compatibility

如果您希望继续使用JS，只需在返回的高度

中添加10即可

$('#iframe').height($(window).height() + 10);

Answer 2

也许是这样的

<script>
 var calcHeight = function() {
   $('#iframe').height(10 + +$(window).height());
 };
 $(document).ready(function() {
   calcHeight();
 });

 $(window).resize(function() {
   calcHeight();
 }).load(function() {
   calcHeight() ;
 }); </script>

JS - Iframe高度调整大小

2 个答案: