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 相关文章推荐
js操作ajax返回的json的注意问题!
Feb 23 Javascript
javascript 得到变量类型的函数
May 19 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
js实现前端图片上传即时预览功能
Aug 02 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 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实现多级分类生成树的方法示例
2017/02/07 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
ECMAScript 基础知识
2007/06/29 Javascript
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
js css后面所带参数含义介绍
2013/08/18 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
python将处理好的图像保存到指定目录下的方法
2019/01/10 Python
Python3 修改默认环境的方法
2019/02/16 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
基于Django实现日志记录报错信息
2019/12/17 Python
浅谈在JupyterNotebook下导入自己的模块的问题
2020/04/16 Python
实习生个人的自我评价
2013/12/08 职场文书
中秋节主持词
2014/04/02 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
工程质量保证书
2015/05/09 职场文书
小学运动会加油稿
2015/07/22 职场文书
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL