Css 如何停止Phonegap应用程序顶部的屏幕滚动?

Css 如何停止Phonegap应用程序顶部的屏幕滚动?,css,cordova,scroll,zepto,Css,Cordova,Scroll,Zepto,我目前正在使用Phonegap进行开发。它工作正常,除了顶部有一个小的(~1像素)条,触摸会导致整个应用程序滚动,这是我不想要的。以下是我用来防止应用程序其余部分滚动的方法: <div id="container" ontouchstart="stopIt(event, true);" ontouchmove="stopIt(event, true);" ontouchend="stopIt(event, false);"> stopIt = function(event, tou

我目前正在使用Phonegap进行开发。它工作正常,除了顶部有一个小的(~1像素)条,触摸会导致整个应用程序滚动,这是我不想要的。以下是我用来防止应用程序其余部分滚动的方法:

<div id="container" ontouchstart="stopIt(event, true);" ontouchmove="stopIt(event, true);" ontouchend="stopIt(event, false);">

stopIt = function(event, touching)
{
    event.preventDefailt();
    //Other code
}

有人知道是什么原因造成的,或者如何修复吗?

我想你说的是iPhone顶部的状态栏?是,它将始终滚动到顶部,并且无法捕获此事件并从浏览器中停止它

您需要从本机端将web视图的scrollToTop属性设置为false。这应该行得通

[theWebView setScrollsToTop:NO];

你能展示一个图片/例子吗?不容易。这只是页面顶部的一个像素高的行,触摸它会导致所有内容滚动,而不应该滚动。你想要什么样的图像?我不明白,如果这会引起问题,为什么你会有这个1像素的条呢?对不起,我想这有点让人困惑。我没有把它放进去,如果被触摸,最上面一行的像素会导致应用程序滚动。没有真正的“酒吧”,它只是屏幕的最顶端。不,我没有。抱歉,但这也发生在剧本上,没有状态栏。
[theWebView setScrollsToTop:NO];