title: Cross browser hide the address bar
body: <p>I'm trying to develop a mobile only web based app and I was trying to find a sound solution way besides using the "Fullscreen API" to minimize the mobile browser's address bar usually setting the css meta tags</p>
  
  <p><code>&lt;meta name="mobile-web-app-capable" content="yes"&gt;</code> suppose to work but I am not getting it to work on Android > 5 nor is it working effectively on IOS > 7. Sadly this is my target audience so I need to create a seamless experience. However I really do not want to have to "subject" the user to clicking to go full screen. I'm trying to use the <code>scrollTo</code> but is a bit jerky because of how my code is setup. </p>