我想制作 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上还是什么?
最佳答案
这将阻止在整个页面上滚动
document.ontouchmove = function(e) {e.preventDefault()};
在您的情况下,您希望某些 div 可滚动,而某些则不能,您应该能够在事件到达文档之前捕获该事件
scrollableDiv.ontouchmove = function(e) {e.stopPropagation()};
关于iphone - 如何在 html5 全屏 iphone 应用程序中禁用弹跳?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9651215/