Вычислить максимальную высоту div с помощью javascript

Question

У меня есть div, который гипотетически зажат между многими элементами и находится на боковой панели. Мне нужно рассчитать, сколько пространства между div и элементом ниже. А затем установите максимальную высоту моего div на его текущую высоту плюс пространство ниже, чтобы оно никогда не проходило мимо (таким образом расширяя страницу). Начальная максимальная высота будет очень маленьким значением, которое должно быть изменено 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);