Przejrzystości przeglądarki Jquery Przewiń problemy związane z wydarzeniem - jquery, scroll, cross-browser

Mam funkcję jquery, która animuje elementy, gdy użytkownik je przewija.

Jeden z moich elementów „zatrzymuje” użytkownika i uniemożliwia naturalne przewijanie.

Zamiast tego zmienia naturalne przewijanie w pasek postępu elementu, przewijanie w dół zapewnia 100% ukończenie elementu, a następnie naturalne przewijanie zostaje wznowione.

Obecnie wydaje się działać idealnie w przeglądarce Firefox,jednak w IE i Chrome odczuwam drżenie. Wydaje się, że występuje to rzadziej podczas używania klawiszy strzałek na klawiaturze, a więcej z kółkiem przewijania lub paskiem. Mam kilka teorii, ale wszystko, co przetestowałem, wydaje się prowadzić do wierzę, że moje rozwiązanie jest poprawne.

Oto link do środowiska deweloperskiego, przedmiot pojawia się po niewielkim przewinięciu i jest całkiem oczywiste, który to jest. Wszelkie informacje będą mile widziane!

Środowisko deweloperskie

Odpowiedzi:

Chociaż nie jest to idealne rozwiązanie, kod został ponownie napisany, aby obsługiwały go bardziej szczegółowe, indywidualne elementy.

Na przykład zamiast używać.metoda przewijania w celu obsługi problemu (który powodował pętlę rekurencyjną podczas przewijania podczas .scroll), obsłużyłem interakcję za pomocą różnych metod przewijania (klawisze strzałek, kółko przewijania, pasek przewijania) i byłem w stanie oddzielić zachowanie.

Mam nadzieję, że pomoże to komuś, kto się potknie.