JavaScript get window X/Y position for scroll

by

The method jQuery (v1.10) uses to find this is:

var doc = document.documentElement;
var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
var top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0);

That is:

  • It tests for window.pageXOffset first and uses that if it exists.
  • Otherwise, it uses document.documentElement.scrollLeft.
  • It then subtracts document.documentElement.clientLeft if it exists.

The subtraction of document.documentElement.clientLeft / Top only appears to be required to correct for situations where you have applied a border (not padding or margin, but actual border) to the root element, and at that, possibly only in certain browsers.

More Related Contents:

  1. Open a URL in a new tab (and not a new window)
  2. Disable/enable an input with jQuery?
  3. ECMAScript template literals like ‘some ${string}’ are not working
  4. Is JavaScript supported in an email message?
  5. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  6. Find object by id in an array of JavaScript objects
  7. Disable same origin policy in Chrome
  8. preventDefault() on an tag
  9. Capture iframe load complete event
  10. Stop a youtube video with jquery?
  11. Why write when the mime type is set by the server?
  12. Loading javascript into a UIWebView from resources
  13. Background-color hex to JavaScript variable
  14. How to export html table to excel using javascript
  15. How to format numbers similar to Stack Overflow reputation format
  16. Create a reset of javascript Array prototype when Array.prototype has been modified?
  17. Return value from nested function in Javascript [duplicate]
  18. How to use Select2 with JSON via Ajax request?
  19. Handling specific errors in JavaScript (think exceptions)
  20. How to get response from S3 getObject in Node.js?
  21. ! preceding function in javascript? [duplicate]
  22. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  23. Asynchronous file upload (AJAX file upload) using jsp and javascript [duplicate]
  24. JavaScript KeyCode Values are “undefined” in Internet Explorer 8
  25. How to get access to private field via square brackets in JavaScript
  26. How do you handle a form change in jQuery?
  27. Node.js: When to use Promises vs Callbacks
  28. Export Highcharts to PDF (using javascript and local server – no internet connection)
  29. Why write “.call(this)” at the end of an javascript anonymous function? [duplicate]
  30. How to access a method from a class from another class?

Leave a Comment