实现这一点的最简单方法是在容器中滚动，而不是滚动文档。
我正在开发一个移动网站，该网站的"页面"上有div，占据了整个屏幕，你可以在每个页面之间滚动。问题是，每当用户向下滚动时，由于地址栏隐藏，窗口就会调整大小。当您滚动到完整的底部，然后地址栏隐藏时，会出现问题。
是否可以让地址栏始终显示在移动设备上？
您可以用div包装HTML并执行以下操作：http://jsfiddle.net/DerekL/Fhe2x/show
$("html, body, #wrapper").css({
height: $(window).height()
});
它适用于Android和iOS。
例如：
<html><body>
<div id="scrollable-content"> ... all your content here ... </div>
</body></html>
html, body {
height: 100%;
}
#scrollable-content {
height: 100%;
overflow-y: scroll;
}
你在看iPhone吗？我不知道安卓系统，但在iPhone的iOS 7上，这是不可能的。你可以做的一件事是使用minimal-ui来有一个始终最小化的导航栏，为窗口保持一致的大小：
<meta name="viewport" content="width=device-width, minimal-ui">
http://visuellegedanken.de/2014-03-13/viewport-meta-tag-minimal-ui/
我希望这能有所帮助！
由于这个问题出现在移动设备上，所以使用媒体查询并将您的身体和html的位置设置为"固定"；，现在，您将看到搜索栏没有隐藏。但对于必须滚动的页面，它不会滚动。要解决这个问题，请使用overflow-y：滚动；
@media only screen and (max-width: 500px){
/* to prevent auto hiding of the search bar */
body, html{
height: 100%;
position: fixed;
width: 100%;
overflow-y: scroll;
}
}