“So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht” Code-Antworten

So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht

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

So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht

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

Ähnliche Antworten wie “So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht”

Fragen ähnlich wie “So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht”

Weitere verwandte Antworten zu “So bestimmen Sie, ob Element im Ansichtsfenster mit JQuery steht” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen