JS获取元素在页面的绝对位置的解决办法
内容摘要
这篇文章主要为大家详细介绍了JS获取元素在页面的绝对位置的简单示例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。JS代码如下:
/**
对此感兴趣的朋友,看看idc笔记做的技术笔记。JS代码如下:
/**
文章正文
这篇文章主要为大家详细介绍了JS获取元素在页面的绝对位置的简单示例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。JS代码如下:
/**
* 获取元素在页面的绝对位置
*
* @param
* @arrange (www.idcnote.com)
**/
var getCoords = function (el) {
var box = el.getBoundingClientRect(),
doc = el.ownerDocument,
body = doc.body,
html = doc.documentElement,
clientTop = html.clientTop || body.clientTop || 0,
clientLeft = html.clientLeft || body.clientLeft || 0,
top = box.top + (self.pageYOffset || html.scrollTop || body.scrollTop) - clientTop,
left = box.left + (self.pageXOffset || html.scrollLeft || body.scrollLeft) - clientLeft;
return { 'top': top, 'left': left };
};
// 来自:php教程(www.idcnote.com)
其中self.pageYOffset为window.self.pageYOffset,是火狐的一个属性,相当于document.body.scrollTop。以下是它的定义:
注:关于JS获取元素在页面的绝对位置的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释