“Comment vérifier si l'élément est dans la fenêtre” Réponses codées

Comment vérifier que l'élément est dans la fenêtre

function isVisible (ele) {
  const { top, bottom } = ele.getBoundingClientRect();
  const vHeight = (window.innerHeight || document.documentElement.clientHeight);

  return (
    (top > 0 || bottom > 0) &&
    top < vHeight
  );
}
code fighter

Comment vérifier si l'élément est dans la fenêtre

function isInViewport(element) {
    const rect = element.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= ((window.innerHeight + rect.height) || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
}

//optimized from the stackOverflow answer to account 
//for element heights and widths (in vertical/horizontal scrolling)
Miss Skooter

Réponses similaires à “Comment vérifier si l'élément est dans la fenêtre”

Questions similaires à “Comment vérifier si l'élément est dans la fenêtre”

Plus de réponses similaires à “Comment vérifier si l'élément est dans la fenêtre” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code