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

Question

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

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/