如何使地址栏在移动浏览器上始终可见

Question

如何使地址栏在移动浏览器上总是可见？

我尝试了许多解决方案，例如获取身体高度并将其添加为HTML和身体的CSS：

：

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

我也尝试了一些喜欢的东西：

window.scrollTo(0, 1);

但是什么都没有改变。

Answer 1

stackoverflow上的其他解决方案（例如此）谈论防止body滚动。您正在设置身体的高度，这很好，但是身体仍然有滚动栏。尝试：

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

现在，原因我会阻止此：

1. 如果您打破习惯的工作流程，用户会讨厌您。这几乎是从不做正确的事情。
2. 滚动身体总是比Div滚动快得多。如果页面很大，您会看到非常明显的性能会降低。

更新：地址栏正在移动

Android上的Chrome正在尝试将地址栏移至屏幕底部，以便于单手使用更容易访问。这是一个很好的例子说明了为什么网页应该从不尝试添加hacks以围绕浏览器行为工作。