在Chrome中获取scrollTop

Question

出于某些原因，我有这种CSS样式：

body {
    bottom: 0;
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

html {
    overflow: hidden;   
}

在Firefox中：$（'body'）。scrollTop（）= 743; 但在Chrome中：$（'body'）。scrollTop（）= 0;

用于测试的jsFiddle在这里：http://jsfiddle.net/uFCCU/

如何在webkit浏览器中获取“body”的scrollTop？

Answer 1

我无法弄清楚为什么它不适用于您拥有的CSS，但如果您将CSS更改为

body, html {
    height: 100%;
    width: 100%;
}

然后$(document).scrollTop()为您提供FF和Chrome http://jsfiddle.net/uFCCU/1/

中正确的值

它与你想要做的事情（我认为）具有相同的效果，并且没有做任何奇怪的事情，比如让身体绝对定位。在15年的网络开发中，我从未见过它。

Answer 2

我不确定你要做什么，但html的风格除了搞乱webkit 之外，实际上 。

html {
    overflow: hidden;   
}

只需将其删除即可。