jQuery获取页面元素绝对与相对位置的方法

时间：2015-06-10 15:00来源：a5源码作者：zhao浏览：53

这篇文章主要介绍了jQuery获取页面元素绝对与相对位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以参考下……

本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下：

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：

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

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

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

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

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

var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量

var pTop = $("selector").scrollTop();//元素相对于滚动条顶部的偏移量

希望本文所述对大家的jQuery程序设计有所帮助。