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

Question

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

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

Answer 1

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

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

[theWebView setScrollsToTop:NO];