提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

jQuery 页面 元素 获得 位置 坐标 绝对 相对
2023-06-13 09:15:19 时间
获取页面某一元素的绝对X,Y坐标，可以用offset()方法：
复制代码代码如下:

<spanstyle="color:#000066;font-weight:bold">var</span>X<spanstyle="color:#339933">=</span>$<spanstyle="color:#009900">(</span><spanstyle="color:#3366CC">"#DivID"</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">offset</span><spanstyle="color:#009900">(</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">top</span><spanstyle="color:#339933">;</span>
<spanstyle="color:#000066;font-weight:bold">var</span>Y<spanstyle="color:#339933">=</span>$<spanstyle="color:#009900">(</span><spanstyle="color:#3366CC">"#DivID"</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">offset</span><spanstyle="color:#009900">(</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">left</span><spanstyle="color:#339933">;</span>

获取相对(父元素)位置:
复制代码代码如下:

<spanstyle="color:#000066;font-weight:bold">var</span>X<spanstyle="color:#339933">=</span>$<spanstyle="color:#009900">(</span><spanstyle="color:#3366CC">"#DivID"</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">position</span><spanstyle="color:#009900">(</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">top</span><spanstyle="color:#339933">;</span>
<spanstyle="color:#000066;font-weight:bold">var</span>Y<spanstyle="color:#339933">=</span>$<spanstyle="color:#009900">(</span><spanstyle="color:#3366CC">"#DivID"</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">position</span><spanstyle="color:#009900">(</span><spanstyle="color:#009900">)</span>.<spanstyle="color:#660066">left</span><spanstyle="color:#339933">;</span>

相关文章