Find X/Y of an HTML element with JavaScript [duplicate]

by

Here’s how I do it:

// Based on: http://www.quirksmode.org/js/findpos.html
var getCumulativeOffset = function (obj) {
    var left, top;
    left = top = 0;
    if (obj.offsetParent) {
        do {
            left += obj.offsetLeft;
            top  += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return {
        x : left,
        y : top
    };
};

More Related Contents:

  1. Single event handler for four button clicks
  2. Parse an HTML string with JS
  3. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  4. How to get the raw value an field?
  5. Replacing css file on the fly (and apply the new style to the page)
  6. Losing scope when using ng-include
  7. How to include multiple js files using jQuery $.getScript() method
  8. Prevent Page Load on Jquery Form Submit with None Display Button
  9. Performance of MutationObserver to detect nodes in entire DOM
  10. Benefits of loading JS at the bottom as opposed to the top of the document
  11. HTML5 Audio Looping
  12. jquery submit form and then show results in an existing div
  13. Programmatically play video with sound on Safari and Mobile Chrome
  14. jQuery – How to select by attribute
  15. time delayed redirect?
  16. open url in new tab or reuse existing one whenever possible
  17. ES6 module Import giving “Uncaught SyntaxError: Unexpected identifier”
  18. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  19. Number with leading zeroes gets changed in JavaScript
  20. how to resolve iframe cross domain issue [duplicate]
  21. Putting default value in
  22. How to store objects in HTML5 localStorage/sessionStorage
  23. What are some good ways to prevent people from copying my source code? [closed]
  24. Is there a way to load images to user’s cache asynchronously?
  25. Uncaught ReferenceError: $ is not defined error in jQuery
  26. Waiting for dynamically loaded script
  27. canvas- Cropping images in different shapes
  28. converting a javascript string to a html object [duplicate]
  29. Get All Elements in an HTML document with a specific CSS Class
  30. How to pass parameters through iframe from parent html?

Leave a Comment