jQuery - 在函数中使用计算+变量来改变css

Question

我已经编写了这段代码来获得动态边距，因为我的标题是：

  $(window).on("resize", function() {
    var divHeight = $('#header').innerHeight();
    $('body > .container').css('padding-top', divHeight + 'px');
  }).resize();

现在我想给一些其他元素提供相同的变量，f.ex。我的导航但css高度必须是：

height: calc(100% - 'VARIABLE FROM CODE ABOVE');

您对我的工作方式有什么建议吗？ 感谢所有阅读此内容的人：）

Answer 1

我找到了解决方案：

  $(window).on("resize", function() {
    var divHeight = $('#header').innerHeight();
    $('body > .container').css('padding-top', divHeight + 'px');
    $('#navigation').css('margin-top', divHeight + 'px');
    $('#navigation').css('height', 'calc( 100% - ' + divHeight + 'px)')
  }).resize();