给定一个元素,获取它对于视口的坐标

当 实际内容 比 视口大,求 一个元素 对视口的坐标 ,要考虑 滚动条

1.

clientHeight、clientWidth

width + padding(内边距)

2.

offsetHeight、offsetWidth

width + padding + border

3.

offsetTop、offsetLeft

对于很多元素,这些值 是(相对文档的坐标)

元素左上角(边框外边缘)与 定位父容器 左上角 的距离

4.

offsetParent对象 是指元素最近的 定位(absolute、relative)对象,如果没有 定位的祖先元素,返回 null

5.

元素  相对于的 定位的父元素的 坐标

function getoffsetElementPosition(e){
        var left = 0,
            top = 0;
        while(e != null){
            left += e.offsetLeft,
            top += e.offsetTop,
            e = e.offsetParent;
        }
        return {x: left, y: top}
    }

//不明白 while(e)为什么 不行

6.

元素 相对于视口的 坐标

用 dom.getBoundingClientRect()

7.

文档 就是document  包括 滚动条

 

 

 

你可能感兴趣的:(写着玩没有多大价值)