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 );

使用javascript计算div max-height

1 个答案: