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

前端技术 2023/09/02 JavaScript
获取页面某一元素的绝对X,Y坐标，可以用offset()方法：
复制代码 代码如下:

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

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

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

本文地址：https://www.stayed.cn/item/3735

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案