title: Mobile Safari Address Bar
body: <p>I am having a really weird issue with my address bar for the responsive version of my site, <a href="http://beta.life.edu" rel="nofollow">http://beta.life.edu</a>.  Everything appears to be working properly, with the exception of the address bar, which basically never collapses when scrolling on the page. I've tested this on the following LIVE devices: iPhone 5C (iOS7), iPhone 6 (iOS 8), iPad Mini (iOS 7), iPad Mini w/ Retina (iOS 8), Google Nexus 5 (Lollipop), Google Nexus 7 (Lollipop), all with the same results.</p>
  
  <p>on my <code>html</code> tag, I have the following css applied, which I <strong>thought</strong> triggered this behavior, but either I am wrong or I have another issue:</p>
  
  <pre><code>html {
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
  }
  </code></pre>
  
  <p>I've read through lots of forum posts about this, but any solution I've tried doesn't change anything, so something is obviously wrong with the scrolling in general on this site. The generally accepted practice is to add code that autoscrolls your site after page load, but this doesn't solve my problem, as the address bar never hides when scrolling.</p>