网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

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

关注我吧
 2017/5/8 11:38:26 阅读次数:703

一、概述:

一般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绝对,相对位置的坐标方法】幸凡学习网
0

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

阅读全文内容关闭