iPhone Web App - 禁用正文滚动但允许正文中的所有元素

Question

我目前正在使用以下代码来禁用 html 和 body 的滚动：

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

这可行，但它会禁用页面内的所有本机滚动。我在这个网站上看到了很多关于此的主题，但我没有看到一个明确的答案或示例，它允许在页面内的任何其他元素上滚动而无需定义一个。

你能不能只禁用滚动的弹性，然后用-webkit-overflow滚动来滚动body？

如果有人知道这样做的有效方法，我将不胜感激。谢谢。

Answer 1

最有效的方法是使用 css？

html {
    overflow: hidden;
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    background-color: red;
}
.container {
    overflow-y: scroll;
    height: 100%;
    background-color: green;
}

http://jsfiddle.net/xBuhy/