如何使用 Ratchet 隐藏地址栏？

Question

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

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

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

有人对此有破解吗？

Answer 1

如果您包含引导程序，我会将 sr-only 添加到类中。这将隐藏栏。可能对你有用。

Answer 2

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

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

隐藏地址栏的最简单方法是让您的用户将您的网站添加到他们的主屏幕，并将正确的标签添加到您的标题中。谷歌here 和Apple 为移动Safari here 提供了Android 入门。您还可以使用 Cordova 编译您的应用程序。