获取页面滚动位置或某元素的位置

一、获取页面滚动位置

function GetPageSize() {

  var scrW, scrH;

  if(window.innerHeight && window.scrollMaxY) {

    // Mozilla

    scrW = window.innerWidth + window.scrollMaxX;

    scrH = window.innerHeight + window.scrollMaxY;

  } else if(document.body.scrollHeight > document.body.offsetHeight){

    // all but IE Mac

    scrW = document.body.scrollWidth;

    scrH = document.body.scrollHeight;

  } else if(document.body) { // IE Mac

    scrW = document.body.offsetWidth;

    scrH = document.body.offsetHeight;

  }

 

  var winW, winH;

  if(window.innerHeight) { // all except IE

    winW = window.innerWidth;

    winH = window.innerHeight;

  } else if (document.documentElement 

    && document.documentElement.clientHeight) {

    // IE 6 Strict Mode

    winW = document.documentElement.clientWidth; 

    winH = document.documentElement.clientHeight;

  } else if (document.body) { // other

    winW = document.body.clientWidth;

    winH = document.body.clientHeight;

  }

 

  // for small pages with total size less then the viewport

  var pageW = (scrW<winW) ? winW : scrW;

  var pageH = (scrH<winH) ? winH : scrH;

 

  return {PageW:pageW, PageH:pageH, WinW:winW, WinH:winH};

}

 

function GetPageScroll() {

  var x, y;

  if(window.pageYOffset) {alert(1);

    // all except IE

    y = window.pageYOffset;

    x = window.pageXOffset;

  } else if(document.documentElement 

    && document.documentElement.scrollTop) {alert(2);

    // IE 6 Strict

    y = document.documentElement.scrollTop;

    x = document.documentElement.scrollLeft;

  } else if(document.body) {alert(3);

    // all other IE

    y = document.body.scrollTop;

    x = document.body.scrollLeft; 

  }

  return {X:x, Y:y};

}

 

二、获取页面元素的位置

function gETop(x){var t=0;while(x){t+=x.offsetTop;x=x.offsetParent;}return t;}

function gEBottom(x){return (x.offsetHeight+gETop(x));}

function gELeft(x){var l=0;while(x){l+=x.offsetLeft;x=x.offsetParent;}return l;}

 

转载于:https://my.oschina.net/u/661273/blog/359892