javascript dom元素位置相关方法

获取dom元素的位置

function offset(el) {
  const rect = el.getBoundingClientRect();
  return {
    top: rect.top + document.body.scrollTop,
    left: rect.left + document.body.scrollLeft,
  };
}

获取viewport的高度,宽度

浏览器窗口的视口(viewport)高度(以像素为单位),如果存在水平滚动条,

Window.innerHeight
window.innerWidth

判断一个dom元素是否在viewport内

ele.getBoundingClientRect().top > window.innerHeight // 元素在当前屏下面

ele.getBoundingClientRect().bottom < 0 // 元素在当前屏上面

你可能感兴趣的:(javascript dom元素位置相关方法)