Faire défiler le haut de la page en utilisant JavaScript ?

Question

Comment faire défiler la page vers le haut en utilisant JavaScript ? La barre de défilement qui saute instantanément en haut de la page est également souhaitable car je ne cherche pas à obtenir un défilement fluide.

Answer 1

Si vous n'avez pas besoin d'animer la modification, vous n'avez pas besoin d'utiliser de plugins spéciaux - j'utiliserais simplement le JavaScript natif. window.scrollTo() -- en passant dans 0, 0 fera défiler la page en haut à gauche instantanément.

window.scrollTo(xCoord, yCoord);

Paramètres

• xCoord est le pixel le long de l'axe horizontal.
• yCoord est le pixel le long de l'axe vertical.

Answer 2

Si vous souhaitez un défilement fluide, essayez quelque chose comme ceci :

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

Cela prendra n'importe quel <a> dont le href="#top" et le faire défiler en douceur vers le haut.

Answer 3

Essayez ceci pour défiler en haut

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

Answer 4

Vous n'avez pas besoin de jQuery pour faire cela. Une balise HTML standard suffira...

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

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

Answer 5

  $("html, body").animate({ scrollTop: 0 }, "slow");

fonctionne