JS - Изменение размера IFrame

0

у меня есть это

 <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.

Теги:

2 ответа

0
Лучший ответ

Может быть, что-то вроде этого

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

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

Вы можете использовать css calc() вместе с модулем vh, чтобы выполнить вычисления для вас

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

Демо-версия JSFiddle

calc()

Совместимость модулей Viewport

Если вы хотите продолжить использовать JS, просто добавьте 10 к возвращенной высоте

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню