Javascript $（this）.position和getBoundingClientRect（）之间的差异

jQuery提供了

position

函数，该函数具有顶部和左侧值。 任何一种javascript都有

getBoundingClientRect（）

我不知道他们之间的区别。
当我检查时，是值差

getBoundingClientRect（）

如何将jQuery的

位置

转换为

getBoundingClientRect

如您所见，x是236，但left是200。

获取相对于父对象的位置。 从文档：获取匹配元素集中第一个元素相对于偏移父元素的当前坐标

-相对于窗口。 来自文档：Element.getBoundingClientRect（）方法返回元素的大小及其相对于视口的位置

解决方案如下：