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

Question

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

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

这有效，但它会禁用页面内的所有本机滚动。我在这个网站上看到过很多关于这方面的话题，但我没有看到明确的答案或例子，允许在页面内的任何其他元素上滚动而不必定义一个。

您可以禁用滚动的弹性，然后使用-webkit-overflow滚动滚动主体吗？

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

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/