当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

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

2019年03月22日  | 移动技术网IT编程  | 我要评论
获取页面某一元素的绝对x,y坐标,可以用offset()方法: . 代码如下: <span style="color:#000066; font-weigh

获取页面某一元素的绝对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>

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网