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

【问题标题】：jQuery - using calculation + variables in a function to change cssjQuery - 在函数中使用计算+变量来改变css
【发布时间】：2018-01-22 02:18:58
【问题描述】：

我已经编写了这段代码来获得与我的标题一样高的动态边距：

  $(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');

您有什么建议可以让我完成这项工作吗？
感谢所有阅读本文的人:)

【问题讨论】：

为什么不以同样的方式再次访问它呢？ var divHeight = $('#header').innerHeight();
我想用同样的方法但是我不知道怎么写，我试过这个： $('#header').css('height', calc(divHeight + 'px )');
您要再次访问什么变量？你到底想做什么？这对我来说不是很清楚。
我想给我的#navigation width: 100% + the width from another div(the #header)

标签： javascript jquery html css variables

【解决方案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();

【讨论】：