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之软键盘实现(js源码)
Jan 30 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
Jan 02 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
vue实现固定位置显示功能
May 30 Javascript
js实现删除json中指定的元素
Sep 22 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
PHP静态文件生成类实例
2014/11/29 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
Array对象方法参考
2006/10/03 Javascript
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
2020/07/26 Javascript
python中的随机函数小结
2018/01/27 Python
python加载自定义词典实例
2019/12/06 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
计算机相关的自我评价
2014/01/15 职场文书
如何撰写岗位职责
2014/02/01 职场文书
工伤赔偿协议书
2014/04/15 职场文书
大学生求职计划书
2014/04/30 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
教师聘用意向书
2015/05/11 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
Python基础之操作MySQL数据库
2021/05/06 Python