How to get scrollbar position with Javascript?

You can use element.scrollTop and element.scrollLeft to get the vertical and horizontal offset, respectively, that has been scrolled. element can be document.body if you care about the whole page. You can compare it to element.offsetHeight and element.offsetWidth (again, element may be the body) if you need percentages.

Related Posts:

  1. Wait 5 seconds before executing next line
  2. Is it possible to sandbox JavaScript running in the browser?
  3. window.onload vs document.onload
  4. Scroll to an element with jQuery
  5. jQuery.click() vs onClick
  6. What is event bubbling and capturing?
  7. Scroll to an element with jQuery
  8. What is DOM Event delegation?
  9. Onclick javascript to make browser go back to previous page?
  10. How to get the browser to navigate to URL in JavaScript
  11. Adding an onclick event to a div element
  12. iFrame onload JavaScript event
  13. scrollIntoView Scrolls just too far
  14. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  15. Scroll Automatically to the Bottom of the Page
  16. Why doesn’t JavaScript support multithreading?
  17. How to remove all listeners in an element?
  18. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  19. Is it possible to simulate key press events programmatically?
  20. How to disable scrolling temporarily?
  21. How to scroll an HTML page to a given anchor
  22. window.onload vs $(document).ready()
  23. jQuery scrollTop() method not working
  24. How to scroll to top of page with JavaScript/jQuery?
  25. How can I stop the browser back button using JavaScript?
  26. Why onbeforeunload event is not firing
  27. How to make HTML element resizable using pure Javascript?
  28. window.location.href doesn’t redirect
  29. What does “javascript:void(0)” mean?
  30. For-each over an array in JavaScript
  31. How can I remove a specific item from an array?
  32. require is not defined? Node.js
  33. Loop inside React JSX
  34. How to make JavaScript execute after page load?
  35. Encode URL in JavaScript?
  36. JavaScript null check
  37. JavaScript “Uncaught TypeError: object is not a function” associativity question
  38. Module not found can’t resolve
  39. How can I get file extensions with JavaScript?
  40. How to detect Safari, Chrome, IE, Firefox and Opera browser?
  41. What does on() in JavaScript do?
  42. AngularJS : Factory and Service?
  43. What’s the difference between console.dir and console.log?
  44. Uncaught TypeError: Cannot read property ‘msie’ of undefined
  45. How to hide a div with jQuery?v
  46. How do I pass variables and data from PHP to JavaScript?
  47. How do I set/unset a cookie with jQuery?
  48. Calling onclick on a radiobutton list using javascript
  49. How to properly export an ES6 class in Node 4?
  50. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  51. Sorting HTML table with JavaScript
  52. Counting the occurrences / frequency of array elements
  53. how to download file in react js
  54. TypeError: $(…).DataTable is not a function
  55. Trying to use fetch and pass in mode: no-cors
  56. Moment.js transform to date object
  57. jQuery explode string like PHP
  58. Call Javascript function from URL/address bar
  59. Anagrams finder in javascript
  60. Validate date in dd/mm/yyyy format using JQuery Validate
  61. How to subtract days from a plain Date?
  62. Stopping a JavaScript function when a certain condition is met
  63. Showing an image from an array of images – Javascript
  64. How to filter JSON Data in JavaScript or jQuery?
  65. What’s the best way to reload / refresh an iframe?
  66. How do I check if a cookie exists?
  67. Get querystring from URL using jQuery [duplicate]
  68. Check if string contains only digits
  69. JS: iterating over result of getElementsByClassName using Array.forEach
  70. jQuery checkbox change and click event
  71. Error: listen EACCES 0.0.0.0:80 OSx Node.js
  72. jQuery selectors on custom data attributes using HTML5
  73. How to check if a value is not null and not empty string in JS
  74. How do I refresh a DIV content?
  75. TypeError: abc.getAttribute is not a function
  76. jquery to validate phone number
  77. Closing Bootstrap modal onclick
  78. Reading local text file into a JavaScript array 
  79. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  80. How can I unset a JavaScript variable?
  81. D3.js: what is ‘g’ in .append(“g”) D3.js code?
  82. Reset Undo on the tinymce editor
  83. Combine enqueue js without affecting dependencies
  84. WP Customizer set a value via javascript (to create presets)
  85. JavaScript in page doesn’t open new window [closed]
  86. wp_enqueue_script adds only the first script
  87. Add javascript to a woocommerce page template
  88. Dynamically insert values in a WordPress SelectControl Options field
  89. Vimeo froogaloop
  90. can a buttongroup have a label?
  91. InnerBlocks restricting does not work on nested blocks
  92. How to open the add media dialogue it in a certain state / tab?
  93. Putting custom html/js page into Elementor as it’s own block
  94. Drag-to-Scroll Landingpage
  95. Easiest way to find JS conflicts
  96. Nothing in dashboard that uses javascript works
  97. XMLHttpRequest of admin data to public
  98. How to execute WP shortcode in a javascript string “”
  99. PHP or JS for header image rotator?
  100. How can I look at/edit what’s being sent to post.php when I hit the publish/update button?

Leave a Comment