Как в js узнать, насколько вышел элемент за пределы окна?

Question

[m4son]

Есть некий элемент, как узнать, на сколько пикселей он спрятался (зашел ) за верхнюю часть окна браузера ?
В интернет нашел только относительно скрола. Но это не то

Comments

[kocherman]

В какую сторону прячится? вверх, вправо, вниз, влево?

Answer 1

[kocherman]

function isHidden(element){
  const elementRect = element.getBoundingClientRect();
  const elementHidesUp = elementRect.top < 0;
  const elementHidesLeft = elementRect.left < 0;
  const elementHidesDown = elementRect.bottom > window.innerHeight;
  const elementHidesRight = elementRect.right > window.innerWidth;
  const elementHides = elementHidesUp || elementHidesLeft || elementHidesDown || elementHidesRight;
  return elementHides;
}
function countHidden(element){
  const elementRect = element.getBoundingClientRect();
  const elementHides = { 
    up: Math.max(0,0 - elementRect.top),
    left: Math.max(0,0 - elementRect.left),
    down: Math.max(0,elementRect.bottom - window.innerHeight),
    right: Math.max(0,elementRect.right - window.innerWidth)
  };
  return elementHides;
}

Comments

[m4son]

спасибо