jquery .position() 在 Chrome 中返回 .offset()

Question

我有一个带有头部和主体的表格，我想获取特定行相对于表格主体顶部的位置。我已将表的 tbody 设置为position:relative，并使用 $.position() 方法读回位置。这正如我在 Firefox 中所期望的那样，但 Chrome 似乎忽略了父级偏移量并相对于整个文档返回。见下文和 http://jsfiddle.net/CmMz8/

HTML

<table>
    <thead>
        <tr><th>header</th></tr>
    </thead>
    <tbody>
        <tr id="test"><td>row 1</td></tr>
        <tr><td>row 2</td></tr>
    </tbody>
</table>
Position: <span id="pos"></span> Offset: <span id="off"></span>

CSS

tbody {
    position: relative;
}

JS

var pos = $('#test').position().top;
var off = $('#test').offset().top;
$('#pos').text(pos);
$('#off').text(off);

Answer 1

您需要定位表格，而不是正文:

http://jsfiddle.net/isherwood/CmMz8/3

table {position: relative;}

另请参阅 position() and tables