why is $(window).height() so wrong?

Question

I\'m trying to get the current browser viewport height, using

$(window).on(\'resize\',function() { 
  console.log(\"new height is: \"+$(window).height()); 
         


        

Answer 1

No repro. Keep in mind that the window height is diminished by items in the browser's chrome, such as the address bar, developer tools, bookmarks toolbars and more. The following appears to show an accurate representation of the viewport height:

jsbin will give you a pretty good estimation of the window height, as it doesn't limit your code output to a small iframe like other js-testing sites such as jsfiddle.

http://jsbin.com/otaqej/edit#javascript,html

  
    
  
  
    
Height: 0