元素的垂直偏移量

找到给定元素到文档顶部的距离。

  • 使用 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