Scrolling doesn't hide / minimize the address bar on phones

[agilbert]

Tested in iOS Safari 11 and Chrome 64.

The default scrolling behavior for both of these browsers is to minimize the address bar when the user begins scrolling. In the case of safari, there is also the toolbar at the bottom of the screen that also gets minimized when the user scrolls.

When scrollify is in use, the minimize behavior is not triggered. At first I thought this was an issue with my implementation but the same issue is present in the demos.

Is there a known workaround or method to tell the browser, "hey the page is scrolling hide the UI now"?

[himerus]

I'd like to see some recommendations here as well.

I'm working on an implementation where I've set setHeights: false, as I'm handling the sizing of the 'page sections' myself, and on iOS Safari, the height: 100vh is calculated as if the UI is in minimal mode (without bottom toolbar, and minimized address bar). So I'm forced to scroll a 'few' pixels to the bottom of the section before scrollify moves me to the next section.

I was previously looking at how to hide the UI, but Apple killed the minimal-ui viewport property in iOS 8, and I've not tested https://github.com/gajus/brim to know if it's a viable solution to hide the UI.

This is also a similar issue: https://github.com/lukehaas/Scrollify/issues/194

[mveer-agarwal]

HI Team, Any update on the issue?