Posted By

chrisaiv on 10/18/08

Tagged

resize browser jquery

Versions (?)

Who likes this?

12 people have marked this snippet as a favorite

arala22
jamesming
mecha
chrisjlee
Onfire60
alejandrosuch
marcelodornelas
seanpowell
kunaldpatel
ions
tof
ringo380

JQuery: Detecting a Browser Resize

/ Published in: JavaScript

This Event Listener + Handler will detect the new height of the browser window.

Expand | Embed | Plain Text

<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
 
//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
	var newWindowHeight = $(window).height();
	$("#container").css("min-height", newWindowHeight );
}
 
});			
</script>

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: mrtambourineman on February 26, 2011: Cheers for the snippet, $(window).bind("resize", resizeWindow); is very useful!
Posted By: Snowalker on December 5, 2011: thanks for the snippet! Just a note, min-height may not work in some browsers...

Comment:

You need to login to post a comment.