Question

这是我的html的一部分：

<body>
    <div id="intro" class="page">
        <div id="slider">
            <div>
                <img src="img/image1.png">
            </div>
            <div>
                <img src="img/image2.png">
            </div>
            <div>
                <img src="img/image3.png">
            </div>
            <div>
                <img src="img/image4.png">
            </div>
        </div>
    </div>
<body>

我设置

body{height:100%} 
#intro{height:100%}

并在config.xml

<preference name="DisallowOverscroll" value="true" />

但是仍然有垂直滚动条，它可以向下滚动一点点。似乎滚动距离的长度是顶部iPhone状态栏高度的两倍。

有什么想法吗？

更新：我用[[UIApplication sharedApplication] setStatusBarHidden:YES];隐藏状态栏但没有帮助。

Answer 1

访问主视图并设置溢出属性

.view
{
overflow-y:hidden !important;
}

Answer 2

我重置了视图框，它可以工作：

CGRect screenBounds = [[UIScreen mainScreen] bounds];
self.viewController.view.frame = CGRectMake(0,20,320,screenBounds.size.height);

如何在PhoneGap项目中不使用滚动条使页面填充iPhone 5屏幕？

2 个答案: