检测Chrome for iOS地址栏何时显示

Question

我已在我的网络应用的主题部分中将apple-mobile-web-app-capable设置为true。好的，Chrome会尽可能隐藏地址栏，为网络应用提供更多空间。

问题是我的应用程序的导航位于顶部并且在此期间位于地址栏后面。我想知道地址栏显示时是否有一种方法可以检测到地址栏下面的导航。

如果我删除了apple-mobile-web-app-capable元标记，地址栏会显示，但导航仍然在其后面。出于某种原因，Chrome会将窗口大小设置为屏幕大小，但会在其顶部拉出地址栏。

有人知道有任何解决方案吗？

Answer 1

实际上有一个解决方法;您只需迫使您的应用向下滚动1个像素（足以隐藏Chrome地址栏）：

setTimeout(function() {
  // Already scrolled?
  if(window.pageYOffset !== 0) return;

  window.scrollTo(0, window.pageYOffset + 1);
}, 1);