title: Cross-platform method for removing the address bar in a mobile web app
body: <p>I am working on a mobile web app and am trying to remove the address bar. Its easy enough, unless the <code>&lt;body&gt;</code>'s natural height is not tall enough to allow for scrolling. Try as I might I cannot find a reliable iphone/android, cross device method of insuring that the <code>&lt;body&gt;</code> is tall enough to allow the address bar to disappear. Many of the methods I've seen rely on <code>screen.height</code> which makes the page TALLER than it needs to be. It should be EXACTLY tall enough to allow the address bar to go away and no taller!</p>
  
  <p>Does anyone have a script that handles this perfectly? I all I need to to determine the height of the page minus the address bar for iphone and android. </p>
  
  <p>I've tried:</p>
  
  <pre><code>screen.height //too tall
  window.innerHeight //too short
  document.documentElement.clientHeight //too short
  document.body.clientHeight //almost but too short
  </code></pre>
  
  <p>JQUERY allowed.</p>