獲取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

判斷一個(gè)dom元素是否在viewport內(nèi)

ele.getBoundingClientRect().top > window.innerHeight // 元素在當(dāng)前屏下面

ele.getBoundingClientRect().bottom < 0 // 元素在當(dāng)前屏上面