title: How to always display ios bottom browser bar
body: <p>I have a mobile website with a button in the footer fixed on the bottom. When you click on the bottom, the browser bar in the bottom comes up. See image:
  <a href="https://i.stack.imgur.com/RlJdE.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/RlJdE.gif" alt="enter image description here"></a></p>
  
  <p>My solution to this is to always display the bottom browser bar with:</p>
  
  <pre><code>html{
  height: 100%;
  overflow: hidden;
  }
  body{
  height: 100%;
  overflow: auto;
  }
  </code></pre>
  
  <p>But then my JQuery <code>scrollTop</code> doesn't work because of <code>overflow</code>.
  Does someone know of a solution to always display the <code>bottom browser bar</code>, or how to make <code>scrollTop</code> work with <code>overflow</code>?</p>