@danilandreev/material-docs/utils/getElementOffsetSum.js

material-docs - react framework for easy creating documentation site in material design style.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = getElementOffsetSum;

/*
 * Author: Andrieiev Danil |  danssg08@gmail.com | https://github.com/DanilAndreev
 * Copyright (C) 2020.
 */

/**
 * getElementOffsetSum - function, designed to calculate HTML element offset on page.
 * @function
 * @param {HTMLElement} elem Element for analyzing.
 * @return {{top: number, left: number}}
 */
function getElementOffsetSum(elem) {
  var top = 0;
  var left = 0;

  while (elem) {
    top = top + parseFloat(elem.offsetTop);
    left = left + parseFloat(elem.offsetLeft);
    elem = elem.offsetParent || elem.parentElement;
  }

  return {
    top: Math.round(top),
    left: Math.round(left)
  };
}