Speichern und Wiederherstellen Scroll-Position mit Cookies in Javascript

Question

Ich sah eine Antwort für diese früher, aber die Antwort, die ich bekam, schien nicht für mich arbeiten. Ich bin ein Anfänger in Javascript, also würde ich wirklich schätzen, wenn jemand erklären würde, was ich falsch mache.

hierfür Mein Code ist hier:

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      if ($.cookie("scroll") != null) 
      { 
       $(window).scrollTop($.cookie("scroll")); 
      } 

      $(window).on("scroll", function() 
      { 
       $.cookie("scroll", $(window).scrollTop()); 
      }); 

     }); 
    </script> 

Was ich erreichen wollte wie im Titel gesagt wurde, die Bildlaufposition des Benutzers mit Hilfe von Cookies zu speichern und wenn die Seite aktualisiert wird die Position gehalten wird, . Ich brauche keine Cookies, wenn es anders geht. Vielen Dank im Voraus.

Answer 1

mit der Wenn Sie jquery Cookie tat umfassen dann sollte alles wie erwartet:

//soln 1 
$(window).on("scroll", function() { 
    $.cookie("tempScrollTop", $(window).scrollTop()); 
}); 
$(function() { 
    if ($.cookie("tempScrollTop")) { 
    $(window).scrollTop($.cookie("tempScrollTop")); 
    alert("loaded postion : " + $.cookie("tempScrollTop")); 
    } 
}); 

WORKING AT: http://output.jsbin.com/nizejuw

---

Dies ist ein alternative Lösung mit localspeicher Spezifikation von HTML5.

//loading soln 

$(function() { 
    if (localStorage.tempScrollTop) { 
    $(window).scrollTop(localStorage.tempScrollTop); 
    alert("loaded postion : " + localStorage.tempScrollTop); 
    } 
}); 


//saving soln 1 
$(window).on("scroll", function() { 
    localStorage.setItem("tempScrollTop", $(window).scrollTop()); 
}); 

//saving soln 2 
window.onbeforeunload = function() { 
    var tempScrollTop = $(window).scrollTop(); 
    localStorage.setItem("tempScrollTop", tempScrollTop); 
    return "Saved scroll to localstorage!!"; 
}; 

Answer 2

document.location.reload(true) speichert die Position und ist die kürzeste Option

Answer 3

Sie darunter ein Bibliothek js externen fehlen könnte Code zu verwenden, dass $.cookie. Ich kann Sie versuchen vorschlagen HTML5 Web Storages

$(document).ready(function() { 
    if (localStorage.getItem("scroll") != null) { 
     $(window).scrollTop(localStorage.getItem("scroll")); 
    } 

    $(window).on("scroll", function() { 
     localStorage.setItem("scroll", $(window).scrollTop()); 
    }); 

}); 

FIDDLE