javascript - offset().top 和 element.offsetTop 之间的 jQuery 区别

Question

有什么区别

$(this).offset().top

和

this.offsetTop

?

有问题的元素 (this) 是一个 img 元素。

我试图找到 jQuery 版本的等价物。

Answer 1

jQuery offset()

获取第一个元素的当前坐标，或设置匹配元素集中每个元素相对于文档的坐标。

HTMLElement.offsetTop

offsetTop 返回当前元素相对于 offsetParent 节点顶部的距离。

jQuery position()

获取匹配元素集中第一个元素的当前坐标，相对于偏移父元素。

Getting the position of the element to the page

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}