动态 div 高度 - 其他动态 div 高度

Question

所以我正在尝试创建一个与整个页面高度相同的框（实时高度）-另一个名为 #wrapping 的动态 div，所以我有这段代码可以抵消它而不是删除高度的div...

function jsUpdateSize() {
  var viewPortHeight = $(window).height();
  $('#box').height(viewPortHeight - $('#wrapping').offset().top);
}
window.onload = jsUpdateSize; // When the page first loads
window.onresize = jsUpdateSize;

所以我想让#wrapping从它自己的高度上移开，对不起，如果这是一个非常简单的问题:)

Answer 1

我认为您正在寻找类似的东西

function jsUpdateSize(){
    var viewPortHeight = $(window).height();
    var wrappingHeight = $('#wrapping').height();
    var offset =  wrappingHeight - viewPortHeight ;
    $('#box').height(wrappingHeight - offset);

}
$(document).ready(jsUpdateSize); //on page load
$(window).resize(jsUpdateSize);  //when the window is resized