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


Posted in Javascript onJune 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
理解JS绑定事件
Jan 19 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 #Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 #Javascript
javascript中一些util方法汇总
Jun 10 #Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 #Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 #Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 #Javascript
You might like
用PHP发电子邮件
2006/10/09 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
微信小程序的授权实现过程解析
2019/08/02 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
layui动态渲染生成select的option值方法
2019/09/23 Javascript
详解Python中的strftime()方法的使用
2015/05/22 Python
python基于隐马尔可夫模型实现中文拼音输入
2016/04/01 Python
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
在Python中定义和使用抽象类的方法
2016/06/30 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
pandas DataFrame数据转为list的方法
2018/04/11 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
Pandas的Apply函数具体使用
2020/07/21 Python
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
如何手工释放资源
2013/12/15 面试题
物流仓储计划书
2014/01/10 职场文书
40岁生日感言
2014/02/15 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
小学数学课后反思
2014/04/23 职场文书
实习推荐信
2014/05/10 职场文书
电子商务专业自荐信
2014/06/02 职场文书
python 中的jieba分词库
2021/11/23 Python