“JQuery überprüfen, ob das Element im Ansichtsfenster sichtbar ist” Code-Antworten

JQuery überprüfen, ob das Element im Ansichtsfenster sichtbar ist

// 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

Wenn das Element in Ansichtsfenster jQuery vollständig sichtbar ist

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

Ähnliche Antworten wie “JQuery überprüfen, ob das Element im Ansichtsfenster sichtbar ist”

Fragen ähnlich wie “JQuery überprüfen, ob das Element im Ansichtsfenster sichtbar ist”

Weitere verwandte Antworten zu “JQuery überprüfen, ob das Element im Ansichtsfenster sichtbar ist” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen