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 相关文章推荐
jquery multiSelect 多选下拉框
Jul 09 Javascript
javascript 弹出层组件(升级版)
May 12 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
vue+webpack实现异步加载三种用法示例详解
Apr 24 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 Javascript
全网小程序接口请求封装实例代码
Nov 06 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
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
新浪的图片新闻效果
2007/01/13 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
vue动画—通过钩子函数实现半场动画操作
2020/08/09 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
python用requests实现http请求代码实例
2019/10/31 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
汽车专业毕业生自荐信
2013/11/03 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
感恩节活动方案
2014/01/27 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
教师考核表个人总结
2015/02/12 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
win10下go mod配置方式
2021/04/25 Golang
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers