How to get and set the current web page scroll position?

by

The currently accepted answer is incorrect – document.documentElement.scrollTop always returns 0 on Chrome. This is because WebKit uses body for keeping track of scrolling, whereas Firefox and IE use html.

To get the current position, you want:

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

You can set the current position to 1000px down the page like so:

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

Or, using jQuery (animate it while you’re at it!):

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

More Related Contents:

  1. How to hide css and js version details from weppalyzer in PHP
  2. What should I do to use this webpacked JS library? [closed]
  3. How to launch html using Chrome at “–allow-file-access-from-files” mode?
  4. Best way to track onchange as-you-type in input type=”text”?
  5. How to scroll an HTML page to a given anchor
  6. Refresh Part of Page (div)
  7. How to reload current page without losing any form data?
  8. Show datalist labels but submit the actual value
  9. Using querySelector with IDs that are numbers
  10. Pass a string parameter in an onclick function
  11. Dynamically loading css stylesheet doesn’t work on IE
  12. filereader api on big files
  13. Can I use javascript to dynamically change a video’s source?
  14. How do I auto-submit an upload form when a file is selected?
  15. Uploading Multiple Files to Google Drive with Google App Script
  16. Convert relative path to absolute using JavaScript
  17. HTML 5 – Play file at certain time point
  18. Target=’_blank’ to show in new window, NOT new tab, possible?
  19. Bootstrap 4 multiselect dropdown
  20. Is it possible to use any HTML5 fanciness to export local storage to Excel?
  21. How to enable Bootstrap tooltip on disabled button?
  22. Remove whitespaces inside a string in javascript
  23. Adding Google Translate to a web site
  24. “Autoplay” HTML5 audio player on mobile browsers
  25. Creating a JSON dynamically with each input value using jquery
  26. defer scripts and execution order on browsers
  27. How to disable Back button in IE and firefox? [duplicate]
  28. Does “localStorage” in Firefox only work when the page is online?
  29. Disable spaces in Input, AND allow back arrow?
  30. How to replace the entire html webpage with ajax response?

Leave a Comment