代码之家  ›  专栏  ›  技术社区  ›  sungyong

$(this).position和getboundingclientrect()之间的差异

  •  1
  • sungyong  · 技术社区  · 6 年前

    jQuery提供 position 具有左上角值的函数。 任何一个普通的javascript都有 getBoundingClientRect()

    我不知道他们之间的区别。
    当我检查时,这是价值差异。

    getboundingclientrect()。 enter image description here

    如何转换jquery的 位置 getBoundingClientRect .
    如你所见,x是236,但左边是200。

    1 回复  |  直到 6 年前
        1
  •  2
  •   flash    6 年前

    jQuery .position() 获取相对于父级的位置。 从文档:获取匹配元素集中第一个元素相对于偏移父元素的当前坐标。

    getBoundingClientRect -相对于窗口。 从文档:element.getboundingclientrect()方法返回元素的大小及其相对于视区的位置。

    这里找到的解决方案: Element's coordinates relative to its parent