iPhone Web应用程序 - 禁用身体滚动，但允许对身体

Question

我目前使用下面的代码来禁用html和身体中的所有元素从滚动：

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

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

你可以只是禁用滚动的弹性，然后用-webkit溢出滚动滚动身体？

如果有人知道一个有效的方法来做到这一点，我将非常感激。谢谢。

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/