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 相关文章推荐
JavaScript入门教程(8) Location地址对象
Jan 31 Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 Javascript
基于jquery的不规则矩形的排列实现代码
Apr 16 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 Javascript
JS前端笔试题分析
Dec 19 Javascript
ejsExcel模板在Vue.js项目中的实际运用
Jan 27 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
Jul 04 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
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
filemanage功能中用到的lib.js
2007/04/08 Javascript
javascript 写类方式之一
2009/07/05 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
详解Python中的各种函数的使用
2015/05/24 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
python写日志封装类实例
2015/06/28 Python
Python求出0~100以内的所有素数
2018/01/23 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
详解python statistics模块及函数用法
2019/10/27 Python
python实现LRU热点缓存及原理
2019/10/29 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
大学生年度自我鉴定
2013/10/31 职场文书
教师找工作推荐信
2013/11/23 职场文书
市场部专员岗位职责
2013/11/30 职场文书
高中打架检讨书
2014/02/13 职场文书
售前工程师职业生涯规划
2014/03/02 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
安全目标责任书
2014/07/22 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Python基础之元编程知识总结
2021/05/23 Python