$(window).innerHeight() - "height of certain div by id"

Question

对不起，我真的不是javascript专家。也许有人能帮我实现这一点。我有一个全高div，我用这个代码定义它

$(function(){
$('#foxfix-<?php echo $i ?>').css({ height: $(window).innerHeight() - 40 });
$(window).resize(function(){
$('#foxfix-<?php echo $i ?>').css({ height: $(window).innerHeight() - 40 });
});
});

"40px"给固定底部分区的空间。

我的问题是：由于输入的文本，固定底部div(id="example"(具有动态高度。

如何获取div(id="example"(的高度，并将其与顶部的代码组合，以获得类似$(window(.ninnerHeight((-"div的高度(id="sample"("的值

谢谢。

Answer 1

您可以尝试使用.height((获取div的高度https://api.jquery.com/height/然后将此高度设置为window.innerHeight(值(https://api.jquery.com/innerHeight/#innerHeight2

let div_height = $('#example').height()
$(window).innerHeight(div_height)

Answer 2

最终代码

$(function(){
var height = $(window).innerHeight();
var k = $('#example-<?php echo $i ?>').height();

$('#foxfix-<?php echo $i ?>').css({ height: height - k });
$(window).resize(function(){
$('#foxfix-<?php echo $i ?>').css({ height: height - k });
});
});