jQuery, augmente la hauteur d'un div pour atteindre le bas de la fenêtre

Question

J'ai un DIV dans ma page, il est situé au milieu de la page. Ce n'est pas l'en-tête ...

Je veux savoir comment utiliser jQuery pour définir la hauteur de la div jusqu'à la fin de la fenêtre du navigateur.

Des idées?

Jusqu'à présent, j'ai:

$(window).bind('resize', function() { 
    refreshWindowDimentions(); 
}); 
function refreshWindowDimentions() { 
    // Height 
    var newPreviewHeight = document.documentElement.clientHeight; 
    $("#preview").css("height",newPreviewHeight); 
} 

Mais cela ne fonctionne pas comme il ne sait pas comment soustraire de l'emplacement actuel de DIV.

Merci

Answer 1

Vous pouvez utiliser $('#preview').offset() pour obtenir la position actuelle de la DIV. offset().top vous donnera la coordonnée y du sommet de la DIV.

Pensez également à utiliser $(document).height() au lieu de document.documentElement.clientHeight pour vous éviter des problèmes de navigateur.