javascript - 在 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/

它与您尝试执行的操作具有相同的效果(我认为)并且不会执行任何奇怪的操作，例如使 body 绝对定位。在 15 年的 Web 开发中，我从未见过这种情况。