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

你的想法是正确的:

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

但是，我建议在 CSS 中执行此操作，因为在没有特定原因的情况下在 JavaScript 中执行此操作是不好的形式。