如何阻止 Phonegap 应用程序顶部的屏幕滚动？答案

【问题标题】：How can you stop the screen scrolling from the top of a Phonegap app?如何阻止 Phonegap 应用程序顶部的屏幕滚动？
【发布时间】：2012-02-16 23:16:04
【问题描述】：

我目前正在使用 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
}

还有 CSS：

#container {
  width:100%;
  height:100%;
}

有谁知道这可能是什么原因造成的，或者如何解决？

【问题讨论】：

你能展示一张图片/例子吗？
不容易。它只是页面顶部这一像素高度的行，触摸它会导致所有内容滚动，而它不应该滚动。你想要什么图像？
我不明白，如果它造成问题，为什么会有这个 1 像素条？
对不起，我想这有点令人困惑。我没有把它放进去，如果被触摸，最上面一行的像素会导致应用滚动。没有真正的“栏”，它只是屏幕的最顶部。

标签： css cordova scroll zepto

【解决方案1】：

我认为您是在谈论 iPhone 顶部的状态栏？是的，它总是会滚动到顶部，并且无法从浏览器中捕获并阻止它。

您需要从本机端将 Web 视图的 scrollToTop 属性设置为 false。应该可以的。

[theWebView setScrollsToTop:NO];

【讨论】：

不，我不是。抱歉，Playbook 上也有这种情况，它没有状态栏。