找到div的剩余高度

时间:2014-07-09 18:14:50

标签: javascript jquery css css3 alignment

我有侧面菜单,其中包含徽标和类别包装。 Сategorywrap位于sidemu的中间。我需要找到类别包装和侧面菜单顶部之间的高度 - 然后我可以将我的徽标放在那片土地的中间。

试过这个:

var catHeight = $('.cat-wrap').height(),
    sidemenuHeight = $('.sidemenu').height();

  var  x = $('#logo-sidemenu').css('height','calc( 'sidemenuHeight - catHeight / 2'  )' + 'px');
  $('#logo-sidemenu').height(x);

FIDDLE

1 个答案:

答案 0 :(得分:1)

这应该有效:

// doc.ready shorthand
    $(function() {
      var catHeight = $('.cat-wrap').height();
      var sidemenuHeight = $('#sidemenu').height();
      var theHeight = (sidemenuHeight - catHeight) / 2;
      $('#logo-sidemenu').height(theHeight);
    });

jQuery height()函数采用整数值,而不是您尝试做的另一个jQuery对象。

对于sidemenu,你的目标是一个类,而不是该元素所具有的ID。

http://jsfiddle.net/Tt4gL/5/