title: JavaScript detect when IOS browser addres navigation show up
body: <p>I have two buttons fixed to the bottom of my website. In IOS this has some unwanted behaviour: When the user taps the button, the "bottom browser bar" and "address bar" show up.</p>
  
  <p>Is there a way I can detect if these browserbars are "visible" or "hidden"? So I can adapt the button positions to it?</p>
  
  <p>In the state the bars are visible I added some extra bottom marges so they are on top of the bottom bar. But I want to adjust this when the bars hide.</p>
  
  <p>I tried "onresize" and altough this event fires when the bar show or hide the $(window).height() stays the same. So I can not detect with this method if the screen has become bigger or smaller.</p>
  
  <p>Does anybody know a solution?</p>
  
  <p><img src="https://i.stack.imgur.com/qw0an.png" alt="enter image description here"></p>