Mit JavaScript an den Anfang der Seite blättern?

Question

Wie kann ich mit JavaScript an den Anfang der Seite blättern? Die Bildlaufleiste, die sofort an den Anfang der Seite springt, ist ebenfalls wünschenswert, da ich nicht auf einen reibungslosen Bildlauf aus bin.

Answer 1

$(document).scrollTop(0); funktioniert auch.

Answer 2

Versuchen Sie dies

<script>
    $(window).scrollTop(100);
</script>

Answer 3

Reine JavaScript-Lösung:

function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
});

Ich schreibe eine animierte Lösung auf Codepen

Sie können auch eine andere Lösung mit CSS ausprobieren scroll-behavior: smooth Eigentum.

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

Answer 4

Probieren Sie diesen Code aus:

$('html, body').animate({
    scrollTop: $("div").offset().top
}, time);

div => Dom Element, in das Sie den Bildlauf verschieben möchten.

Zeit => Millisekunden, legen Sie die Geschwindigkeit des Bildlaufs fest.

Answer 5

Sie brauchen kein JQuery. Sie können einfach das Skript aufrufen

window.location = '#'

bei Klick auf die Schaltfläche "Nach oben"

Beispiel-Demo:

output.jsbin.com/fakumo#

PS: Verwenden Sie diesen Ansatz nicht, wenn Sie moderne Bibliotheken wie Angularjs verwenden. Das könnte den URL-Hashbang zerstören.