如何使用 Ratchet 隐藏地址栏?

How to hide address bar using Ratchet?

我正在使用 Ratchet 框架为我的移动页面提供服务。

我尝试了各种常规方法通过Javascript隐藏地址栏(这些可以通过Google轻松找到)但仍然无济于事。

我的目标是让地址栏正常隐藏 - 即当用户向下滚动时 - 就像任何其他移动网页的功能一样。

有人对此有窍门吗?

简短的回答是您不能使用 JavaScript 隐藏地址栏,因为这会在浏览器中带来安全风险。

地址栏不会在滚动时消失的原因是 Ratchet 修复了正文并在 .content 上启用了滚动。有关详细信息,请参阅 goratchet.com 中的基本模板示例。

隐藏地址栏的最简单方法是让您的用户将您的网站添加到他们的主屏幕,并将正确的标签添加到您的页眉。 Google here and from Apple for mobile Safari here 提供了 Android 的入门读物。您还可以使用 Cordova 编译您的应用程序。

如果您要包含 bootstrap,我会将 sr-only 添加到 class。这将隐藏酒吧。可能对你有用。