Question

Given a div on a page like <div id="rightRail>xxx</div>

Is it possible to some how magically make that div’s height resize on broswer load/resize so that the height reaches the bottom of the window? It would be easier if the div was at the top of the page, but it isnt. thanks

Answer 1

You need the .offset()^help top value and the innerHeight from the current window to set its .height()^help. This would look like:

$('#div').height(function(index, height) {
    return window.innerHeight - $(this).offset().top;
});

Demo: http://jsfiddle.net/d3ays/