Changing browser height not detected by .resize function

Question

I am using the .resize function to trigger some adjustments. When I decrease/increase the browser width size it works ok, but when I decrease/increase the browser height nothing happens. Any idea why changing the browser height does not get detected by the .resize function? (same behavior in Chrome and IE9)

Answer 1

Something like this should do what you want:

document.body.style.overflow = 'hidden'; // hide the scroll bars
$(window).resize(function(){
  var newwidth = $(window).width();
  var newheight = $(window).height();      
  $("#elementId").height(newheight).width(newwidth);
});

DEMO