Frage Scrollen Sie zum Anfang der Seite mit JavaScript / jQuery?


Ich habe eine <button> auf der Seite, wenn diese Taste gedrückt wird, ausgeblendet <div> wird mit jQuery angezeigt.

Wie scrolle ich an den Anfang der Seite mit einem JavaScript / jQuery-Befehl in dieser Funktion? Es ist wünschenswert, auch wenn die Bildlaufleiste sofort nach oben springt. Ich suche kein sanftes Scrollen.


1271
2017-07-17 17:59


Ursprung


Antworten:


Wenn Sie die zu animierende Änderung nicht benötigen, brauchen Sie keine speziellen Plugins zu verwenden - ich würde einfach die systemeigene JavaScript-Methode window.scrollTo verwenden. Durch die Eingabe von 0,0 wird die Seite sofort nach links oben verschoben .

window.scrollTo(x-coord, y-coord);

Parameter

  • x-coord ist das Pixel entlang der horizontalen Achse.
  • y-coord ist das Pixel entlang der vertikalen Achse.

1741
2017-07-17 18:42



Wenn Sie reibungsloses Scrollen möchten, versuchen Sie Folgendes:

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

Das wird irgendwas nehmen <a> Tag, dessen href="#top" und mach es glatt nach oben scrollen.


1177
2017-07-17 19:43



Versuchen Sie, oben zu scrollen

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

123
2018-05-21 07:45



Sie benötigen dazu 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>

82
2017-07-17 18:51



Alle diese Vorschläge eignen sich hervorragend für verschiedene Situationen. Für diejenigen, die diese Seite durch eine Suche finden, kann man auch geben Dies ein Versuch. JQuery, kein Plug-in, blättern zu Element.

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

47
2018-04-23 09:53



glatte Schriftrolle, reines Javascript:

(function smoothscroll(){
    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
    if (currentScroll > 0) {
         window.requestAnimationFrame(smoothscroll);
         window.scrollTo (0,currentScroll - (currentScroll/5));
    }
})();

29
2018-05-29 10:49



<script>

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

in html

<a href="#top">go top</a>

25
2018-02-14 16:44



Wenn Sie einen reibungslosen Bildlauf durchführen möchten, versuchen Sie Folgendes:

$("a").click(function() {
     $("html, body").animate({ scrollTop: 0 }, "slow");
     return false;
});

Eine andere Lösung ist JavaScript window.scrollTo Methode:

 window.scrollTo(x-value, y-value);

Parameter:

  • x-Wert ist das Pixel entlang der horizontalen Achse.
  • y-Wert ist das Pixel entlang der vertikalen Achse.

23
2017-09-11 10:37