Geek Answers Handbook

Ios address bar caused by wmw wmw state change

I am using Angular UI Router. Whenever I click the link with ui-sref, the address bar appears from the ios mobile browser. For example, when I scroll down, the address bar is hidden, and if I click on the link and the page transition ends, the address bar ui appears instantly. This makes it less user friendly, as the page suddenly moves down a bit due to the address bar.

This website has the same problem as me.

I found a website that does not have this problem, although they do not use angular.

This does not happen on android chrome. And it only happens on ios safari. The version I tested was ios 9.

I tried to override the hidden one, but this is not the solution I want, because the address bar is always visible.

What causes this behavior?

+5
source share
1 answer

I have not tested this, but I remember that I had a similar problem.

I think you could add this meta tag:

<meta name="viewport" content="minimal-ui">

Check out these other posts: Message 1 , Message 2 .

Note: minimal-ui no longer supported on iOS 8 and above ( Additional Information ). However, not all users have upgraded to iOS 8, so there is still a reason to add it to your project.

0
source

More articles:


All Articles