javascript - 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.htmlCSS body {overflow: hidden;}。后者是防止 WekKit 过度滚动所必需的。

本质上，我需要一个禁用 WebKit 过度滚动的页面，元素的 DOM 宽度和高度为 100%（100% 表示窗口大小）和overflow-y: scroll. 我设法弄清楚的唯一解决方法是使用 JavaScript 为或包装元素提供固定高度。不过，最好我正在寻找不涉及 JS 的解决方案。

Answer 1

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

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

html, body {
    height: 100%;
}