文章详细
JQuery 获得div绝对,相对位置的坐标方法
 2017/5/8 11:38:26 评论:0人 阅读次数:9974

一、概述:

一般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了。希望帮助到大家,谢谢!

如需转载请注明出处:http://www.86y.org/art_detail.aspx?id=823【JQuery 获得div绝对,相对位置的坐标方法】幸凡学习网
0
 
相关文章
推荐文章
Created By Charry-May 3,2010
粤ICP备10093478号-1
顶部