mobile browser hide address bar scrollTop
<p>I know the effect of hiding the addressbar in some browser on scrolling with my fingers like this:
<img src="https://i.stack.imgur.com/hpiFp.gif" alt=""></p>

<p>I like this as this opens more space for the webapp.</p>

<p>Now this works in my webapp. But I have made an input field on my site which on focus scrolls the page and sticks the input as a top bar (fixed).</p>

<p>Ok that works of course, but I am wondering if there is any possibility to move the address bar with the on focus scroll event ("scrollTop") away as the body scrolls. When I scroll the body with my fingers the address bare scrolls away (as the gif above shows), but when I implement the same behavior with scrollTop it does not hide.</p>

<p>Any Ideas?</p>

<p>btw. I do not want to use the fullscreen api</p>