Dodawanie i usuwanie klas jQuery scrollTop - mobilnie

Question

Hej, niestety nie znalazłem rozwiązania tematu na forum więc pozwoliłem sobie napisać :) 

Używam jQuery + animate.css

W jQuery napisałem:

$(function() {
                    $(window).scroll(function() {
                        if ($(window).scrollTop() >= 250) {
                            $('.contentAnimate').addClass('animated bounceInLeft');
                        } else {
                            $('.contentAnimate').removeClass('animated bounceInLeft');
                        }
                        });
                })

oczywiście "contentAnimate" to nazwa diva jakiemu chcę dodać klasę "animated bounceInLeft" a następnie usunąć. Na desktopie pięknie DZIAŁA bo ilość pixeli czyli w tym wypadku ustawione w kodzie "250 " się zgadza i script dodaje klasę w tym miejscu co powinien. Problem jest natomiast przy urządzeniach mobilnych bo tam te ustawione "250px" jest gdzie indziej (mniej pixeli) więc klasę dodaje nie w tym miejscu co na desktopie.

Pytanie jest takie, jak mogę napisać skrypt, który dodaje mi klasę do diva na PC oraz mobilnie - dokładnie w tym samym miejscu np. po zescrolowaniu na jakiś obrazek(cokolwiek). Jeśli ustawie jak w kodzie powyżej - dokładną stałą ilość 250px to na pc jest inaczej i na smartfonie w innym miejscu. Czy i jak mogę ustawić konkretne miejsce w jQuery ? :) 

Serdecznie dziękuję 

 

Answer 1

Użyłbym poprostu pluginu scrollrevealjs

Oczywiście jeżeli napiszesz to sam to świetnie, ale nie wydaje mi się, że to jest scrypt dla początkujących.