Question

i use 1 div element to make the .background for my site. and it’s will be 100% height. to achieve that i use jQuery dimensions utility.

<div class="background"></div>

with this script to get the height

$('.background').css( 'height', $(window).height() );

but now, i want to make it’s height dynamic. if we resizing the browser. the height of .background will follow the new size of browser. i understand this will require some event since the size change after the page is first rendered.

can you please tell how to make it with jQuery?

Answer 1

Use .resize().

$(window).resize(function() {
  $('.background').css( 'height', $(window).height() );
});