Retour de la page à gauche lors de l'actualisation

Question

J'ai un site de défilement horizontal et j'aimerais que la page soit réinitialisée à l'extrême gauche (position d'origine) lorsque la page est actualisée. A partir de maintenant, j'ai essayé d'utiliser jQuery .scrollLeft, mais je peux seulement le faire fonctionner quand la page se charge au départ. Y a-t-il un moyen de le faire fonctionner quand la page est rafraichie ou d'une autre manière d'accomplir ceci?

Answer 1

Si la position de la page n'est pas réinitialisée en haut à gauche après un rafraîchissement (F5/cmd R), cela doit être une sorte de mémoire du navigateur.

Vous pouvez créer un point d'ancrage à la maison dans votre en haut à gauche comme ceci:

<a name="home">&nbsp;</a> 

Cet exemple utilise un espace insécable comme contenu, mais vous pouvez envelopper aroudn votre contenu existant.

Ensuite, reportez-vous à votre page comme http://www.example.com/page.html#home et il devrait remplacer la mémoire du navigateur. Remplacez l'URL par la vôtre, gardez le #home.

ajouté plus tard:

Vous pouvez forcer l'application à déplacer à l'ancre sur la charge de la page comme ceci:

$(function() { 
    window.location.href = "#anchor"; 
}); 

Code de jsbin: http://jsbin.com/awata3/edit

$ (fonction) est l'abréviation de $ (document) .ready (fonction)

Answer 2

Juste pour que je comprenne bien ce que vous demandez. Vous parlez une fois que la page a été chargée et que l'utilisateur a défilé vers la droite, alors vous voulez que la page revienne à la position de départ quand elle est rafraîchie au lieu de rester sur ce que l'utilisateur venait de voir?

Answer 3

définie à la fin de votre étiquette de corps en html. Cela devrait re-positionner la page à gauche en haut lorsqu'il est rafraîchi ou rechargé.

window.onload = function() { 
    window.scrollTo(0, 0); // set x and y position to 0 and 0 respectively. 
};