在整页滚动捕捉布局上隐藏移动浏览器地址栏

Question

所以我一直遇到这个烦人的问题，我似乎无法自己解决它。我目前正在开发一个实验性应用程序，编写 Angular (11.2)。

页面本身应该被分成几个屏幕填充部分，用户滚动浏览这些部分，就好像它是特定的磁贴一样。因此，滚动捕捉是必须的。

但是，我根本无法隐藏移动浏览器地址栏。这是因为，为了获得捕捉效果，页面仅包含一个元素，该元素被缩放以适合当前视口。此外，使用广泛使用的window.scrollTo(0,1) hack 手动隐藏浏览器地址栏也不起作用，因为无法实现真正​​的滚动。

所以我的问题 我能否以某种方式隐藏浏览器地址栏，同时仍然能够保持滚动捕捉所需的布局？

Answer 1

您可以使用 app.manifest 文件将您的网络应用设置为全屏。不知道是否仅适用于已安装的 pwas，但您可以尝试一下。