文章/答案/技术大牛

发布

社区首页 >问答首页 >在移动浏览器上将div高度设置为100%时浏览器滚动跳转

问在移动浏览器上将div高度设置为100%时浏览器滚动跳转
EN

Stack Overflow用户

提问于 2014-03-07 05:24:30

回答 1查看 1.2K关注 0票数 1

Dropbox最近更新了他们的网站布局，第一个div占据了窗口大小的100%，并且不管浏览器的高度如何，垂直地将内容中心化。

我正在为我自己的网站尝试这个布局。然而，我注意到，当我打开铬在我的移动卷轴上的网站，有一个初始跳转，然后页面似乎很好。

我怎么摆脱这个卷轴跳跃？

你可以通过访问你的手机上的Dropbox网站(Android或iOS)来检查这个问题。

UPDATE --这是在滚动地址栏时发生的。

html

css

回答 1

Stack Overflow用户

发布于 2016-04-06 19:30:19

这是我尝试过的最好的解决方案(最简单的)。

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

例如，对于jQuery：

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

)

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

请参阅：这个S.O.问题

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22242195

复制

相似问题

问在移动浏览器上将div高度设置为100%时浏览器滚动跳转
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在移动浏览器上将div高度设置为100%时浏览器滚动跳转EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在移动浏览器上将div高度设置为100%时浏览器滚动跳转
EN