“periksa jQuery apakah elemen terlihat di viewport” Kode Jawaban

periksa jQuery apakah elemen terlihat di viewport

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

Jika elemen sepenuhnya terlihat di 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;};
Drab Dugong

Jawaban yang mirip dengan “periksa jQuery apakah elemen terlihat di viewport”

Pertanyaan yang mirip dengan “periksa jQuery apakah elemen terlihat di viewport”

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya