如何计算HTML元素左上角和窗口左上角之间的距离？

Question

有没有一种简单的方法可以做到这一点？考虑具有以下属性：border，padding。即使使用box-sizing，该方法也能正常工作：content-box / border-box？

Answer 1

也许我不明白你的问题，但是

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.offsetLeft （或者除了offsetLeft之外的相同链接，我还不能发布超过2个链接：P）

https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect

如果这些链接无法解决，请告诉我们！

Answer 2

<强> DEMO

也许你可能在jquery中看起来类似于position或offest，可以通过使用jQuery来实现，如下所示

<强> HTML

<div class="box">Lorem ipsum dores.</div>

<强>的jQuery

var $box = $('.box');
alert( $box.offset().top)

希望这有帮助！

Answer 3

功能

  

element.getBoundingClientRect（）

解决了这个问题。

有关它的更多信息，请点击此处：

https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect