Answers for "check if elememnt is visible on the viewport"

2

how to check element is in viewport

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

  return (
    (top > 0 || bottom > 0) &&
    top < vHeight
  );
}
Posted by: Guest on December-25-2020
-1

if element is fully visible in viewport jquery

$.fn.isInViewport = function() {var elementTop = $(this).offset().top;var elementBottom = elementTop + $(this).outerHeight();var viewportTop = $(window).scrollTop();var viewportBottom = viewportTop + $(window).height();return elementBottom > viewportTop && elementTop < viewportBottom;};
Posted by: Guest on February-10-2021

Code answers related to "check if elememnt is visible on the viewport"

Code answers related to "Javascript"

Browse Popular Code Answers by Language