如何使地址欄在移動瀏覽器中始終可見？

Question

如何使地址欄在移動瀏覽器中始終可見？

我嘗試了許多解決方案，例如獲取主體高度，並將其作為CSS添加到HTML和主體中，如下所示：

$("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瀏覽器正在嘗試將地址欄向下移動到屏幕底部，以便單手使用。 這是一個很好的示例，說明了為什么網頁永遠不要嘗試添加hack來解決瀏覽器行為。