Question

Is it possible to re-size a div‘s height with the browser window using JavaScript or jQuery getting the windows object dimensions and creating a function?

Answer 1

You can bind to the resize event to well… re-size your element:

//bind event handler to the `resize` event
$(window).on('resize', function () {

    //cache the window object for use in this function
    var $this = $(this);

    //set the height of my object to the height of the window
    $('#my-object').height($this.height());

//trigger a window resize to initialize the object's height
}).trigger('resize');

$this refers to the window object.

Note that .on() is new in jQuery 1.7 and replaces the depreciated .bind() in this instance.