Jeśli obiekt znajduje się w viewporcie, wykonaj

Question

Hej wszystkim.

Mam problem z wykonaniem skryptu który wykrywałby, czy obiekt jest na środku VIewportu. Udało mi się zrobić taki pseudo skrypt który działa, ale ma drobne problemy z responsywnością strony.

Skrypt który napisałem pobiera wysokość strony a następnie dzieli ją przez pozycję scrolla i przekazuje ją do zmienne. Jeśli wynik przekroczy wybrany %, uruchamia skrypt.

Czy ktoś wie może jak poprawnie sprawdzić czy element jest widoczny i czy znajduje się w połowie viewportu ?

Mój skrypt

$(window).scroll(function() {
    var scrollPosition = $(window).scrollTop();

    var fullHeight = document.body.scrollHeight;
    var result = ((scrollPosition / fullHeight)*100);

    if(result > 58){
        demo.start();
    };
});

 

Answer 1

a probowales IntersectionObserver tego elementu z body? wydaje mi się, że to by było tutaj dobrym rozwiązaniem.

Comments

Dzięki za odpowiedź! Gdy znajdę chwilkę czasu to spróbuję i dam znać :)