如何在html5全屏iPhone应用程序中禁用弹跳？

Question

我想制作html5全屏应用.我制作了一个页面并将其作为图标添加到我的iphone中.我添加了元标记:

 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <meta name="viewport" content="width=device-width, user-scalable=no" />

我想要实现的是:顶部的黑色状态栏(这不起作用,我不知道为什么.它仍然是默认状态栏...任何想法？)没有可能缩放(如在Facebook应用程序中) - 这是有效的精细.

现在问题 - 即使我的应用程序适合屏幕,我也可以在我的iPhone上滚动.它反弹回来,但我不想要这种行为.我想禁用它并启用特定div(.ui-content)的滚动.我怎样才能做到这一点？

编辑: 状态栏现在是黑色的.一段时间后它发生了变化.以前的版本缓存在iPhone上还是什么？

Answer 1

这将阻止在整个页面上滚动

document.ontouchmove = function(e) {e.preventDefault()};

在您的情况下,您希望某些div可以滚动,而某些div不能滚动,您应该能够在它到达文档之前捕获它

scrollableDiv.ontouchmove = function(e) {e.stopPropagation()};