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 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
Gulp实现静态网页模块化的方法详解
Jan 09 Javascript
vue使用iframe嵌入网页的示例代码
Jun 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使用Cookie控制访问授权的方法
2015/01/21 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
使用angularjs创建简单表格
2016/01/21 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
Javascript中判断一个值是否为undefined的方法详解
2016/09/28 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
微信小程序 聊天室简单实现
2017/04/19 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
jquery无缝图片轮播组件封装
2020/11/25 jQuery
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
centos下更新Python版本的步骤
2013/02/12 Python
python利用hook技术破解https的实例代码
2013/03/25 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
python实现LRU热点缓存及原理
2019/10/29 Python
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
幼儿园保育员辞职信
2014/01/12 职场文书
硕士生工作推荐信
2014/03/07 职场文书
项目投资合作意向书
2014/07/29 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
2015毕业寄语大全
2015/02/26 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
800字作文之大雪
2019/12/04 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript