jquery .position()返回.offset()

Question

我有一张有头部和身体的桌子，我想回到特定行相对于桌面的位置。我已经将表的tbody设置为position : read，并使用$.position()方法读取位置。这正如我在Firefox中所期望的那样工作，但是Chrome似乎忽略了偏移的父版本，并且相对于整个文档返回。见下文和http://jsfiddle.net/CmMz8/

<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

您需要定位桌子，而不是tbody：

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

table {position: relative;}

另见position() and tables