Return to Snippet

Revision: 80625
at March 23, 2020 06:04 by chrisaiv


Updated URL
https://www.chrisjmendez.com/2008/10/18/jquery-detecting-a-browser-resize/

Updated Code
https://www.chrisjmendez.com/2008/10/18/jquery-detecting-a-browser-resize/

Updated Description
https://www.chrisjmendez.com/2008/10/18/jquery-detecting-a-browser-resize/

Revision: 9041
at April 7, 2011 03:57 by chrisaiv


Updated Code
<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>

Revision: 9040
at October 18, 2008 12:11 by chrisaiv


Initial Code
<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>

Initial URL

                                

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

Initial Title
JQuery: Detecting a Browser Resize

Initial Tags
resize, browser, jquery

Initial Language
JavaScript