js位置代码

const element = document.getElementById('myElement');
const rect = element.getBoundingClientRect();
console.log(`Top: ${rect.top}, Left: ${rect.left}`);

function getElementPosition(element) {
  let xPosition = 0;
  let yPosition = 0;

  while (element) {
    xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
    yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
    element = element.offsetParent;
  }

  return { x: xPosition, y: yPosition };
}

const element = document.getElementById('myElement');
const position = getElementPosition(element);
console.log(`Document Top: ${position.y}, Document Left: ${position.x}`);

window.addEventListener('scroll', () => {
  const element = document.getElementById('myElement');
  const rect = element.getBoundingClientRect();
  const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  console.log(`Scroll-adjusted Top: ${rect.top + scrollTop}, Left: ${rect.left + scrollLeft}`);
});