如何在移动浏览器上始终显示地址栏？

Question

如何在移动浏览器上始终显示地址栏？

我尝试了许多解决方案，比如获取身高并将其作为CSS添加到HTML和身体上，如下所示：

$("html, body").css({
   height: $(window).height()
});

我也尝试过这样的事情：

window.scrollTo(0, 1);

但没有任何改变。

Answer 1

stackoverflow上的其他解决方案（例如this之一）讨论阻止body滚动。你正在设置身高，这很好，但身体仍然有一个滚动条。尝试：

• 将body overflow设置为隐藏。
• 添加div的新height: 100%;和overflow: auto。将整个页面放在这个div中。 div将有滚动条而不是正文。 （仔细阅读链接的解决方案）。

现在，我不鼓励这个理由：

1. 如果您违反了他们习惯的工作流程，用户会讨厌您。它几乎不是永远正确的事情。
2. 滚动身体总是很多比div滚动更快。如果页面非常大，您会看到非常明显的性能下降。

更新：正在移动的地址栏

Android上的Chrome正在尝试将地址栏向下移动到屏幕底部，以便更方便地单手使用。这是一个很好的例子，说明为什么网页从不尝试添加黑客来解决浏览器行为。