Vue-Projektseite zurück zum Anfang

Die Methode zur Erreichung:

1. Verwenden Sie die Rückseite des Element-Plus-Frameworks , um zur obersten Komponente zurückzukehren (klicken Sie auf die Schaltfläche, um langsam nach oben zurückzukehren).

 Hinweis: Wenn diese Komponente angezeigt werden soll, muss sie innerhalb des Elements platziert werden, das den Scrolleffekt erzeugt, und zwar oben! Es muss also klar sein, welches Element die Bildlaufleiste hat (vielleicht nicht das Body-Element).

2. Mit Hilfe der js-API: scrollTop

Es muss auch geklärt werden, welches Element über eine Bildlaufleiste verfügt. Wenn es direkt durch das Seitendokument oder das Körperelement gescrollt wird, dann:

document.body.scrollTop =document.documentElement.scrollTop=0;

Wenn das Scrollen durch andere Set-Elemente generiert wird, müssen Sie zuerst dieses Element abrufen:

(Wenn es hier ein Scrollelement mit einer Klasse namens content-view gibt)

  let content = document.querySelector('.content-view') 
  content.scrollTop = 0;

Hinweis: Es gibt keine Scroll-Animation, wenn Sie die API verwenden, um nach oben zurückzukehren, und Sie gelangen direkt dorthin