元素的垂直偏移量
找到给定元素到文档顶部的距离。
- 使用
while
循环和HTMLElement.offsetParent
来移动给定元素的偏移父元素。 - 对每个元素添加
HTMLElement.offsetTop
并返回结果。
const getVerticalOffset = el => {
let offset = el.offsetTop,
_el = el;
while (_el.offsetParent) {
_el = _el.offsetParent;
offset += _el.offsetTop;
}
return offset;
};
getVerticalOffset('.my-element'); // 120