js

js获取元素绝对位置的方法

2018年10月24日 作者 张舫

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
* 获取元素顶部绝对位置的方法
* @param element
* @returns {number | *}
*/
function getElementTop(element) {
    var actualTop = element.offsetTop;
    var current   = element.offsetParent;
 
    while (current !== null) {
        actualTop += current.offsetTop;
        current    = current.offsetParent;
    }
    return actualTop;
}
 
/**
* 获取元素左边绝对位置的方法
* @param element
* @returns {number | *}
*/
function getElementLeft(element){
    var actualLeft = element.offsetLeft;
    var current    = element.offsetParent;
 
    while (current !== null){
        actualLeft += current.offsetLeft;
        current     = current.offsetParent;
    }
 
    return actualLeft;
}

关于作者

好好学习天天向上

发表评论

邮箱地址不会被公开。 必填项已用*标注