js element is fully or partially visible in viewport

Healthy Hippopotamus answered on October 31, 2023 Popularity 1/10 Helpfulness 1/10

answer js element is fully or partially visible in viewport

js element is fully or partially visible in viewport

Comment

const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
  const { top, left, bottom, right } = el.getBoundingClientRect();
  const { innerHeight, innerWidth } = window;
  return partiallyVisible
    ? ((top > 0 && top < innerHeight) ||
        (bottom > 0 && bottom < innerHeight)) &&
        ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
    : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
};

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.30secondsofcode.org

Tags: element javascript viewport visible

Link to this answer
Share Copy Link

Contributed on Oct 31 2023

Healthy Hippopotamus

0 Answers Avg Quality 2/10

js element is fully or partially visible in viewport

Contents

More Related Answers

js element is fully or partially visible in viewport

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.