CSS webkit溢出隐藏和HTML元素高度

Question

http://dev.anuary.com/1f1715ac-ad96-536a-a462-74381c7a2baf/test.html http://dev.anuary.com/1f1715ac-ad96-536a-a462-74381c7a2baf/test2.html

test2.html是预期的行为。但是，它没有实现test.html CSS body {overflow: hidden;}。后者需要阻止WekKit 过度滚动。

基本上，我需要一个禁用了WebKit overscrolling 的页面，其中DOM宽度和高度为100％（100％表示窗口大小）和overflow-y: scroll。我设法弄清楚的唯一解决方法是使用JavaScript为包装元素赋予固定高度。虽然，我最好寻找一个不涉及JS的解决方案。

Answer 1

您需要在height: 100%;和html上设置body，否则它们会比可见窗口大小大得多。

演示：http://jsfiddle.net/ThinkingStiff/8ejtP/

html, body {
    height: 100%;
}