How can I retain the scroll position of a scrollable area when pressing back button?

by

During page unload, get the scroll position and store it in local storage. Then during page load, check local storage and set that scroll position. Assuming you have a div element with id element. In case it’s for the page, please change the selector 🙂

$(function() {
   $(window).unload(function() {
      var scrollPosition = $("div#element").scrollTop();
      localStorage.setItem("scrollPosition", scrollPosition);
   });
   if(localStorage.scrollPosition) {
      $("div#element").scrollTop(localStorage.getItem("scrollPosition"));
   }
});

More Related Contents:

  1. How to force browser to show image 3 inches wide?
  2. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  3. Jquery load() only working in firefox?
  4. JSFiddle code not working in my own page
  5. Prevent contenteditable adding on ENTER – Chrome
  6. Chrome Extension how to send data from content script to popup.html
  7. Why should y.innerHTML = x.innerHTML; be avoided?
  8. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  9. Detect if browser is running on an Android or iOS device
  10. Browser back button handling
  11. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  12. Proper way to reset a GIF animation with display:none on Chrome
  13. jQuery in Chrome returns “block” instead of “inline”
  14. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  15. Web browser: Hide mouse cursor [duplicate]
  16. Print repeating Page headers in Chrome [closed]
  17. Download the text over image using jquery
  18. Communication between tabs or windows
  19. Force browser to download image files on click
  20. Event detect when css property changed using Jquery
  21. Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL [duplicate]
  22. How to silently hide “Image not found” icon when src source image is not found
  23. Setting CSS value limits of the window scrolling animation
  24. Selecting multiple from an html select element without using ctrl key
  25. how to assign javascript variable value to php variable
  26. Preloading images in HTML
  27. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  28. Passing parameters to a JQuery function
  29. Set Caret Position in ‘contenteditable’ div that has children
  30. Validate Dynamically Added Input fields

Leave a Comment