у меня есть это
<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.
Может быть, что-то вроде этого
<script>
var calcHeight = function() {
$('#iframe').height(10 + +$(window).height());
};
$(document).ready(function() {
calcHeight();
});
$(window).resize(function() {
calcHeight();
}).load(function() {
calcHeight() ;
}); </script>
Вы можете использовать css calc() вместе с модулем vh, чтобы выполнить вычисления для вас
iframe {
height:calc(100vh + 10px);
}
Совместимость модулей Viewport
Если вы хотите продолжить использовать JS, просто добавьте 10 к возвращенной высоте
$('#iframe').height($(window).height() + 10);