在移动浏览器上将div高度设置为100％时，浏览器滚动跳转

Question

Dropbox最近更新了他们的网站布局，其中第一个div占据了窗口大小的100％，并且无论浏览器高度如何，都垂直居中。

我正在为自己的网站尝试这种布局。但是我注意到当我在我的手机上打开Chrome网站滚动时有一个初始跳转然后页面看起来很好。

如何摆脱这种滚动跳转？

您可以访问移动设备上的Dropbox网站（Android或iOS）

来查看相同内容

[更新]滚动并隐藏地址栏时会发生这种情况。

Answer 1

这是我尝试过的最佳解决方案（最简单）。

例如，您可以使用CSS将高度设置为90vh，然后在加载文档时使用javascript将高度设置为px中窗口高度的0.9 *。

例如使用jQuery：

$("#element").css("height", 0.9*$(window).height());

）

不幸的是，没有任何适用于纯CSS的东西：P

请参阅：This S.O. Question