Scrolling zum Seitenanfang beim Aktualisieren

Question

Ich versuche, einige Animationen zu erstellen, wenn ein Element in meiner ecmascript-6 React-Anwendung in einen Platz gescrollt wird. Ich habe versucht, mehrere react scroll-Pakete zu verwenden, bekomme aber nicht die Ergebnisse, die ich brauche, weil ich die Animation auf untergeordnete Komponenten anwenden möchte, die alle aus derselben übergeordneten Komponente stammen (und somit alle untergeordneten Komponenten gleichzeitig animieren) Die erste untergeordnete Komponente wird an ihren Platz gescrollt).

Um dies zu umgehen, habe ich überlegt, nur die aktuelle Scroll-Position und die einzelnen Positionen für jede Komponente zu bekommen, aber bin ziemlich fest und unklar, wie man das richtig macht. Rufen Sie für meine untergeordnete Komponente nur eine Funktion auf, wenn das Ereignis onScroll aufgerufen wird? Oder sollte ich stattdessen etwas wie jsx verwenden, um diese verschiedenen Fensterpositionen zu erhalten und einige Auswertungen und Funktionen auszuführen, wenn der DOM an den richtigen Platz aktualisiert wird, den ich möchte?

Danke, jede Hilfe wäre willkommen! Ich habe ein paar Tage damit verbracht, nach Antworten zu suchen, denke aber, dass ich mich nur daran halte, wie man verschiedene Fenster- und Elementereignisse und -eigenschaften aufruft und wie man sie vergleicht und nicht einmal weiß, ob dies notwendig ist und ob stattdessen ein einfachere Lösung für Scroll-Animationen, idealerweise in einfach reactjs, ohne irgendwelche Pakete.

Answer 1

Einfach! Tun Sie es einfach mit der scrollTop Methode auf DOM bereit:

$(document).ready(function(){ 
    $(this).scrollTop(0); 
}); 

Sie können auch es so einfach tun:

$(document).scrollTop(0);