JQuery 获得div绝对,相对位置的坐标方法-幸凡学习网

关注我吧

2017/5/8 11:38:26 阅读次数:9980Tags:jq 元素位置

一、概述：

一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标，当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。

JQuery 获得div绝对,相对位置的坐标方法

二、获取方法

获取相对(父元素)位置:

var X = $('#DivID').position().top;
	var Y = $('#DivID').position().left;

获取页面某一元素的绝对X,Y坐标

var X = $('#DivID').offset().top;
	var Y = $('#DivID').offset().left;

小提示：

获取相对位置父级容器需要用到position:relative;

三、结语：

使用过程并不复杂只是需要有一定的基础，基本上就OK了。希望帮助到大家，谢谢！

大家有什么问题或技术上的想法可以在此与大家分享，也可以加入前端爱好者QQ群(141999928)一起学习进步：【幸凡前端技术交流群】

如需转载请注明出处:http://www.86y.org/art_detail.aspx?id=823【JQuery 获得div绝对,相对位置的坐标方法】幸凡学习网

如果您觉得本文的内容对您的学习有所帮助，捐赠与共勉，支付宝(左)或微信(右)

阅读全文内容关闭

网页前端设计