我正在开发带phonegap的iOS应用。 UI由水平放置的多个“包装器”组成,每个“包装器”位于视口高度的100%。
<html>
<body>
<div id="wrapper-one"></div>
<div id="wrapper-two"></div>
<div id="wrapper-three"</div>
</body>
</body>
html
,body
和#wrapper-*
元素均在CSS中声明了height: 100%
,这非常有效,并且可以阻止应用滚动。问题是,当“通话中”或“个人热点”指示器可见时,它们会将视口的高度降低20像素左右。然后,这会将页面底部略微移出屏幕,您可以上下滚动。主体中的包装div是可滚动的,因此我不希望窗口也可滚动。
当这些指示器可见时,是否可以像在仅正常状态栏可见时那样阻止滚动发生?
最佳答案
您应该能够检测到并调整窗口大小。
window.onresize = function() {
//820 just an example height
if (window.innerHeight >= 820) {
// Do something
}
}