Fixed navbar separates from top of browser on Chrome for iPhone : <p>I have a website with a bootstrap fixed-to-top navigation bar (<a href="https://getbootstrap.com/examples/navbar-fixed-top/" rel="noreferrer">example here</a>), and noticed that, using Chrome on an iPhone, the navbar separates from the top of the screen by just a few pixels when scrolling quickly. This is shown in the following screenshot, from the bootstrap navbar example page:</p>

<p><a href="https://i.stack.imgur.com/zwExk.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/zwExk.jpg" alt="Fixed navbar separation"></a></p>

<p>This only happens on Chrome on an iPhone, and not on an iPad or any Mac/PC I've tested. It also happens on every website with a fixed navbar that I could find. The only thing I can think of is to extend the background color of the navbar up above the top of the browser so that, when the navbar is eventually pulled down, it doesn't fully separate from the screen. However, that still leaves the content of the navbar pulled down, and certainly seems like a dirty fix.</p>

<p>Has anyone else run into this issue, and is there any sort of known fix available?</p>
