jQuery获取页面元素绝对与相对位置的方法
更新时间：2015年06月10日 11:52:44 作者：spring21st
这篇文章主要介绍了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程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery使用fadeout实现元素渐隐效果的方法,实例分析了jQuery中fadeout方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本文带你了解了一遍 jQuery 3 将会带来的一些重大变化。或许你已经注意到了，这个版本是可能对你现有的项目产生太大的影响，因为没有引入太多许多重大更改。2016-06-06
这篇文章主要为大家详细介绍了jQuery实现移动端笔触canvas电子签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本文将会使用jquery实现以下功能:按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）,感兴趣的朋友可以了解下2013-01-01
这篇文章主要为大家详细介绍了jquery实现弹窗系统提示框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
当使用脚本动态添加元素xxx时，但事件失效，最后使用jquery中on方法解决脚本动态添加元素,需要的朋友可以参考下2014-05-05
lyhucSelect基于Jquery的Select数据联动插件
lyhucSelect基于Jquery的Select数据联动插件，需要的朋友可以参考下。2011-03-03
下面小编就为大家带来一篇jQuery特殊符号转义的实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了JQuery中extend怎么使用,需要的朋友可以参考下2014-03-03
浮动DIV定时显示提示信息,如操作成功, 失败等，使用jquery的朋友可以参考下。2010-08-08
最新评论