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

时间:2014-09-11 17:50:47

标签: javascript jquery css jquery-ui

所以我试图创建一个与整个页面高度相同的框(实时高度) - 另一个名为#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的高度,对不起,如果这是一个非常简单的问题:)

1 个答案:

答案 0 :(得分:0)

我认为你正在寻找像这样的东西

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