get Tag Position

by Daehyun Im

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<p id="demo">move to here!</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

JavaScript

function getPosition(el) {
  var xPos = 0;
  var yPos = 0;
 
  //while (el) {
    //if (el.tagName == "BODY") {
      // deal with browser quirks with body/window/document and page scroll
      //var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
      //var yScroll = el.scrollTop || document.documentElement.scrollTop;
 
      //xPos += (el.offsetLeft - xScroll + el.clientLeft);
      //yPos += (el.offsetTop - yScroll + el.clientTop);
    //} else {
      // for all other non-BODY elements
      xPos += (el.offsetLeft - el.scrollLeft + el.clientLeft);
      yPos += (el.offsetTop - el.scrollTop + el.clientTop)-200;
    //}
 
    el = el.offsetParent;
  //}
  return {
    x: xPos,
    y: yPos
  };
}

var myElement = document.querySelector("#demo"); 
var position = getPosition(myElement);

window.scrollTo(position.x, position.y);

//alert("The image is located at: " + position.x + ", " + position.y);