Как на jquery проверить видит ли пользователь элемент?

Question

[Артём Лукичев]

Как на jquery проверить видит ли пользователь элемент страницы? Знаю что можно высчитать по scrollTop, но ищу более простой способ. За ответ заранее спасибо

Answer 1

[Vadim Bogomazov]

$.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;
};

Или: Intersection Observer API

Answer 2

[Афанасий Захаров]

Не связано с jquery, есть такая штука как IntersectionObserver

не работает в ie11- , в остальном - очень удобная и быстрая.