js 返回DIV左上角坐标距视窗口的距离
2014-09-05 08:16
218 查看
比较简单的一种写法:
var top= document.getElementById("#id").getBoundingClientRect().top;
function getElementLeft(element){
var actualLeft = element.offsetLeft;
var current = element.offsetParent;
while (current !== null){
actualLeft += current.offsetLeft;
current = current.offsetParent;
}
return actualLeft;
}
function getElementTop(element){
var actualTop = element.offsetTop;
var current = element.offsetParent;
while (current !== null){
actualTop += current. offsetTop;
current = current.offsetParent;
}
return actualTop;
}
var top= document.getElementById("#id").getBoundingClientRect().top;
function getElementLeft(element){
var actualLeft = element.offsetLeft;
var current = element.offsetParent;
while (current !== null){
actualLeft += current.offsetLeft;
current = current.offsetParent;
}
return actualLeft;
}
function getElementTop(element){
var actualTop = element.offsetTop;
var current = element.offsetParent;
while (current !== null){
actualTop += current. offsetTop;
current = current.offsetParent;
}
return actualTop;
}
相关文章推荐
- Div+Css+JS做弹出窗口
- js 弹出div窗口的效果
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
- js弹出一个新窗口进行选择并且返回这个页面的值-showModalDialog
- js获取元素div相对body的距离
- js中获取各种窗口的大小和鼠标坐标
- js 弹出div窗口 可移动 可关闭
- JS模态窗口返回值兼容问题解决办法
- js获取DIV的位置坐标的三种方法!
- showModalDialog 访问父窗口,向父窗口返回值及undefined类型判断,js触发服务器控件事件
- JQuery Dialog(JS 模态窗口,可拖拽的DIV)
- Div+Css+JS做弹出窗口
- js获取各种窗口的大小和鼠标坐标
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
- JS鼠标捕获DIV内选中的坐标和宽高
- js中获取各种窗口的大小和鼠标坐标
- JQuery Dialog(JS模态窗口,可拖拽的DIV)
- 简单的弹出层窗口应用(DIV+JS)
- JS控制div的样式(窗口4:3处理算法)
- JS鼠标捕获DIV内选中的坐标和宽高