javascript - Jquery position() 包括 margin

Question

如果我想在测量元素的宽度时包括边距，我可以调用 element.outerWidth(true); 但是，我找不到类似的方法来获取容器中的元素，其中包含边距。 element.position().left 不包括边距。

我已经尝试过 element[0].getBoundingClientRect().left，这很有效，但是是否有类似的 jquery 调用？

编辑:似乎上面的 native javascript 调用也没有给我余量..

Answer 1

这是 jQuery 的 .position() 的限制，它有这样的限制:

Note: jQuery does not support getting the position coordinates of hidden elements or accounting for borders, margins, or padding set on the body element.

推荐的解决方案:

var position = $element.position();
x = position.left + parseInt($element.css('marginLeft'), 10);
y = position.top + parseInt($element.css('marginTop'), 10);