1

由于某些原因,我有这种 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”的滚动顶部?

4

2 回答 2

0

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

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

然后$(document).scrollTop()在 FF 和 chrome http://jsfiddle.net/uFCCU/1/中为您提供正确的值

它与您尝试做的事情(我认为)具有相同的效果,并且不会做任何奇怪的事情,例如使身体处于绝对位置。在 15 年的 Web 开发中,我从未见过这种情况。

于 2012-10-18T16:57:02.203 回答
0

我不确定您要做什么,但是 forhtml实际上除了弄乱 webkit之外什么也没做。

html {
    overflow: hidden;   
}

只需将其删除。

于 2012-10-18T17:02:14.093 回答