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

Question

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

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

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

你可以禁用滚动的 flex ，然后使用 -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/