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

Wenn Sie die Änderung nicht animieren müssen, brauchen Sie keine speziellen Plugins zu verwenden - ich würde einfach das native JavaScript verwenden window.scrollTo() Methode -- Übergabe in 0, 0 blättert die Seite sofort nach links oben.

window.scrollTo(xCoord, yCoord);

Parameter

• xCoord ist das Pixel entlang der horizontalen Achse.
• yCoord ist das Pixel entlang der vertikalen Achse.

Answer 2

Wenn Sie einen flüssigen Bildlauf wünschen, versuchen Sie es so:

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

Das wird jede <a> Tag, dessen href="#top" und sorgen Sie für einen reibungslosen Bildlauf nach oben.

Answer 3

Bessere Lösung mit flüssiger Animation:

// this changes the scrolling behavior to "smooth"
window.scrollTo({ top: 0, behavior: 'smooth' });

Referenz: https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo#Example

Answer 4

Versuchen Sie dies, um nach oben zu blättern

<script>
 $(document).ready(function(){
    $(window).scrollTop(0);
});
</script>

Answer 5

Dazu brauchen Sie kein jQuery. Ein Standard-HTML-Tag reicht aus...

<div id="jump_to_me">
    blah blah blah
</div>

<a target="#jump_to_me">Click Here To Destroy The World!</a>