Comment obtenir et définir la position de défilement de la page Web actuelle?

Comment puis-je obtenir et définir la position de défilement de la page Web actuelle?

J'ai un formulaire long qui doit être actualisé en fonction des actions / entrées de l'utilisateur. Lorsque cela se produit, la page revient tout en haut, ce qui est ennuyeux pour les utilisateurs, car ils doivent faire défiler vers le bas jusqu'au point où ils se trouvaient.

Si je pouvais capturer la position de défilement actuelle (dans une entrée masquée) avant le rechargement de la page, je pourrais la remettre en place après son rechargement.

Vous recherchez la document.documentElement.scrollToppropriété.

La réponse actuellement acceptée est incorrecte - document.documentElement.scrollToprenvoie toujours 0 sur Chrome. En effet, WebKit utilise bodypour garder une trace du défilement, alors que Firefox et IE l'utilisent html.

Pour obtenir la position actuelle, vous voulez:

document.documentElement.scrollTop || document.body.scrollTop

Vous pouvez définir la position actuelle sur 1000 pixels en bas de la page comme suit:

document.documentElement.scrollTop = document.body.scrollTop = 1000;

Ou, en utilisant jQuery (animez-le pendant que vous y êtes!):

$("html, body").animate({ scrollTop: "1000px" });

Il existe certaines incohérences dans la façon dont les navigateurs exposent les coordonnées de défilement de la fenêtre actuelle. Google Chrome sur Mac et iOS semble toujours revenir 0lors de l'utilisation de document.documentElement.scrollTopjQuery $(window).scrollTop().

Cependant, cela fonctionne de manière cohérente avec:

// horizontal scrolling amount
window.pageXOffset

// vertical scrolling amount
window.pageYOffset

Je suis allé avec la solution de stockage local HTML5 ... Tous mes liens appellent une fonction qui définit ceci avant de changer window.location:

localStorage.topper = document.body.scrollTop;

et chaque page a ceci dans le onLoad du corps:

  if(localStorage.topper > 0){ 
    window.scrollTo(0,localStorage.topper);
  }