js获取一个元素的位置信息 并且返回这个元素最在视口中最左侧的位置和最右侧的位置,最顶部位置,最底部位置,以及这个元素的中心位置在视口的位置

可以使用Element.getBoundingClientRect()方法获取元素的位置信息，然后根据视口的大小计算出元素在视口中的位置信息。

以下是获取元素位置信息并返回左侧、右侧、顶部、底部和中心位置在视口中的代码：

function getElementPositionInView(element) {
  const rect = element.getBoundingClientRect();
  const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
  const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
  const left = Math.max(rect.left, 0);
  const right = Math.min(rect.right, viewportWidth);
  const top = Math.max(rect.top, 0);
  const bottom = Math.min(rect.bottom, viewportHeight);
  const centerInView = {
    x: (left + right) / 2,
    y: (top + bottom) / 2
  };
  return { left, right, top, bottom, centerInView };
}

使用示例：

const element = document.getElementById('my-element');
const position = getElementPositionInView(element);
console.log(position.left);           // 元素最左侧在视口中的位置
console.log(position.right);          // 元素最右侧在视口中的位置
console.log(position.top);            // 元素最顶部在视口中的位置
console.log(position.bottom);         // 元素最底部在视口中的位置
console.log(position.centerInView);   // 元素中心在视口中的位置

其中，`my-element`是要获取位置信息的元素的id。