jquery - 使用 jQuery 计算 div 的高度 - 减去页眉和页脚

Question

我正在使用粘性页脚（负边距解决方案），它工作正常。我需要做的是计算窗口的高度，减去页眉和页脚的已知高度，然后应用该数字并将其用于主包装 div 的高度。CSS解决方案会导致其他问题，有没有好的方法来做到这一点？

var h = window.height();
var k = 300; //header is 100px footer is 200px
$('#wrap').height(h-k);

粗略的想法，请帮助。

Answer 1

You have the right idea:

var h = window.innerHeight;
var k = 300;
$('#wrap').height(h-k);

However, I'd recommend doing this in CSS as doing this in JavaScript without a specific reason is bad form.

Answer 2

只需将我的评论改写为ans。这是我通常做的：

$(function() {
    $(window).bind("resize", function() {
        var height = $(window).height();
        var k = 112;

        $('#sidebar').height(height - k);

    }).trigger("resize");
});

Answer 3

正如罗兰和米峰指出的那样，我走在了正确的轨道上。经过更多的挖掘，我能够想出这个，这完全符合我的需求。谢谢大佬们的推！

<script type="text/javascript">
  var callback = function () {
     var h = $(window).height();
     var k = 112;
     $('#sidebar').height(h-k);
  };
  $(document).ready(callback);
  $(window).resize(callback);
</script>