“jQuery verifique si el elemento es visible en la vista” Código de respuesta

jQuery verifique si el elemento es visible en la vista

// this function runs every time you are scrolling

$(window).scroll(function() {
    var top_of_element = $("#element").offset().top;
    var bottom_of_element = $("#element").offset().top + $("#element").outerHeight();
    var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight();
    var top_of_screen = $(window).scrollTop();

    if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){
        // the element is visible, do something
    } else {
        // the element is not visible, do something else
    }
});
Ugly Unicorn

Si el elemento es completamente visible en la vista de la vista 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;};
Drab Dugong

Respuestas similares a “jQuery verifique si el elemento es visible en la vista”

Preguntas similares a “jQuery verifique si el elemento es visible en la vista”

Más respuestas relacionadas con “jQuery verifique si el elemento es visible en la vista” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código