L'utilisation de Retour à l'endroit Où Ils Défilent à la page précédente en cliquant sur Bouton précédent du Navigateur

Est-il possible de prendre un utilisateur de retourner à la zone d'une page où ils défile vers le bas pour en appuyant sur le bouton de retour dans un navigateur? Comme dans d' --- pageA est le double de la taille de votre écran (et donc que vous avez à faire défiler pour en savoir plus). Vous cliquez sur un lien sur pageA pour aller sur une nouvelle page - pageB. Après lecture, vous cliquez sur nouveau dans le navigateur. Maintenant, quand vous revenez à pageA vous êtes de retour au sommet et faites défiler l'écran à l'endroit où vous avez été pour continuer à lire le reste de la page.

Est-il un Jquery ou JS moyen de revenir sur ce point dans la page. Peut-être quelque chose avec .scrollTop()?

Dans Firefox, j'ai fait défiler une page, cliquez sur un lien, lire la page, faites défiler vers le bas, cliquez sur le bouton de retour et c'est là que j'ai quitté le défilement, donc je n'ai pas à faire défiler vers le bas, le son là où j'ai laissé. Quel navigateur utilisez-vous?
Je reçois le même comportement dans Safari.
J'utilise FireFox aussi. Humm j'ai remarqué c'est avoir cet effet uniquement sur la page que je suis en train de faire. Pas d'autres. Allez avoir à rechercher la cause. PageA est principalement une galerie d'images (isotope.js). Peut-être qu'il a quelque chose à voir avec onload de la galerie. Sera mise à jour une fois que je trouve plus.
Yup Chrome fait la même chose (vous ramène à la position), sauf si l'utilisateur fait défiler avant le chargement de la page terminé ou si pageA était plus due à dynamiquement le contenu chargé.

OriginalL'auteur RooksStrife | 2014-08-06

  1. 8

    Si le contenu est chargé après la page de "charger" l'événement de la cuisson, puis le bouton retour ne sera pas de retour à la position que vous avez été. Parce que le navigateur défile devant la "charge" de l'événement.

    Pour que le navigateur rappelez-vous la position de défilement dans ce cas, vous avez à stocker la position de défilement et de statut (ce que le contenu ont été chargés) quelque part avant de naviguer à l'extérieur. Soit dans le cookie, ou dans l'url de hachage.

    Si pageA est juste une page statique sans contenu dynamique (chargé après la "charge" de l'événement, le navigateur devrait se souvenir de la position de défilement lorsque vous revenez.

    Pour le contenu dynamique, il y a au moins comprend deux parties. On est en train de récupérer le statut de la page quand on clique bouton "Retour", de sorte que tout le contenu dynamique est chargé, certains expander sont développés ou réduits. L'autre est faites défiler jusqu'à là.

    La première partie dépend de la façon dont la page est mis en œuvre. La 2ème partie, vous pouvez mettre le rouleau de haut dans le cookie lors de la page de faire onUnload. Par exemple

    $(window).unload(function() {$.cookie('scrollTop',$(window).scrollTop());});
    C'est exactement ce qui se passe. Comment dois-je stocker la position dans une URL de hachage ou d'un cookie?

    OriginalL'auteur Sheng

  2. 9

    Vous pouvez le faire en utilisant le stockage de session.

    $(window).scroll(function () {
  //set scroll position in session storage
  sessionStorage.scrollPos = $(window).scrollTop();
});
var init = function () {
   //return scroll position in session storage
   $(window).scrollTop(sessionStorage.scrollPos || 0)
};
window.onload = init;

    OriginalL'auteur Bowen

  3. 4

    Vous pouvez utiliser le code suivant pour détecter la position de défilement.

     $(window).scroll(function (event){
    var scroll = $(window).scrollTop();
    //Do something
 });

    Puis magasin de défilement dans une session et lorsque vous cliquez à nouveau faire scrollTop(scroll) .

    OriginalL'auteur user254153