Trigger the iOS address bar when the angle UI router status changes

I am using the Angular UI router. Whenever I click on the ui-sref link, the address bar of the ios mobile browser will be displayed. For example, when I scroll down, The address bar will be hidden. If I click on the link and the page conversion is completed, the ui address bar will be displayed immediately. Because the address bar moves down a bit because of the page suddenly, this makes it not user friendly.

This website has the same problem as me.

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

This does not happen on Android chrome. And only happens on In ios safari. The version I tested is ios 9.

I tried hidden overflow but this is not the solution I want because the address bar is always visible.

Yes What caused this behavior?

I haven’t tested this, but I remember a similar problem for a while.

I think you can add this meta tag:

< p>Check out these other posts: Post 1,Post 2.

Note: iOS 8 and later versions (More info) no longer support minimal-ui. However, not all users have upgraded to iOS 8, so there is still reason to add it to your project.

I am using Angular UI router. Whenever I click the link of ui-sref, ios moves The address bar of the browser will be displayed. For example, when I scroll down, the address bar will be hidden, if I click the link and the page conversion is completed, the ui address bar will be displayed immediately. Because the address bar is suddenly moved down because of the page One point, this makes it less user-friendly.

This website has the same problem as me.

I found that a website does not have this problem, although they did not use angular.< /p>

This does not happen on Android chrome. And it only happens in ios safari. The version I tested is ios 9.

I tried hidden overflow but it’s not what I want The most important solution, because the address bar is always visible.

What caused this behavior?

I haven’t tested this, but I remember a similar problem for a while.

I think you can add This meta tag:

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

Note: iOS 8 and later versions (More info) no longer support minimal-ui. However, not all users have upgraded to iOS 8, so there are still reasons to add it to your Project.

Leave a Comment

Your email address will not be published.