javascript - 使用javascript计算div最大高度

Question

我有一个 div，假设夹在许多元素之间，位于侧边栏上。我需要计算 div 与其下面的元素之间有多少空间。然后将 div 的最大高度设置为其当前高度加上下面的空间，这样它就不会超出该高度(从而扩展页面)。初始的 max-height 将是一个非常小的值，应该由 JS 更改。所以，基本上:

<thing></thing>
<div id="mydiv"></div>
<another></another>

我需要类似的东西(jQuery 示例):

var spacebelow = space between mydiv and <another>    
var daheight = (currentheight + spacebelow); 
    $("#mydiv").attr("style", "max-height:" + daheight + "px");

有办法做到这一点吗？

Answer 1

我想你想要这样的东西:-

    var divoffset=$(#divID).offset();
    var divanotheroffset=$(#divanotherID).offset();
    var spacebelow =divanotheroffset.top-divoffset.top;
    var currentheight =$(#divID).height();
    var daheight = (currentheight + spacebelow); 
    //set the max-height:-
     $("#mydiv").attr("max-height",daheight );