title: how to hide URL bar in ipod touch
body: <p>i need to hide the URL bar in ipod touch when the web applcation loaded, i tried all the possible solutions found online including the one found here:
  <a href="http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/" rel="nofollow noreferrer">http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/</a></p>
  
  <p>and setting min-height in CSS, but it only works in landscape, and in profile mode, it only hide part of the URL bar not the whole bar. anyone has any idea? Thanks.</p>
  
  <p>below is my code:
  
  
    
      </p>
  
  <pre><code>&lt;meta name="app-mobile-web-app-capable" content="yes" /&gt;
  &lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;
  &lt;meta name="apple-touch-fullscreen" content="YES" /&gt;
  &lt;meta name="viewport" content="width=320;initial-scale=0.6666;;minimum-scale=0.6666; maximun-scale=1.0;"/&gt;
  
  
  &lt;title&gt;Test&lt;/title&gt;
  &lt;script type="application/x-javascript"&gt;
  
  addEventListener("load", function()
  {
      setTimeout(updateLayout, 0);
  }, false);
  
  var currentWidth = 0;
  
  function updateLayout()
  {
      if (window.innerWidth != currentWidth)
      {
          currentWidth = window.innerWidth;
  
          var orient = currentWidth == 320 ? "profile" : "landscape";
          document.body.setAttribute("orient", orient);
          setTimeout(function()
          {
              window.scrollTo(0, 1);
          }, 100);
      }
  }
  
  setInterval(updateLayout, 100);
  
  &lt;/script&gt;
  &lt;link media="only screen and (max-device-width: 320px)" href="style.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>
  ...</p>