jquery用offset()方法获得元素的xy坐标


Posted in Javascript onSeptember 06, 2014

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)

var X = $('#DivID').offset().top; 
var Y = $('#DivID').offset().left; 
获取相对(父元素)位置: 
var X = $('#DivID').position().top; 
var Y = $('#DivID').position().left;
Javascript 相关文章推荐
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
IE无法设置短域名下Cookie
Sep 23 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
Uploadify上传文件方法
Mar 16 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
Vue 使用中的小技巧
Apr 26 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
jquery向上向下取整适合分页查询
Sep 06 #Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 #Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 #Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 #Javascript
js获取页面传来参数的方法
Sep 06 #Javascript
用javascript关闭本窗口技巧小结
Sep 05 #Javascript
使用jquery解析XML示例代码
Sep 05 #Javascript
You might like
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
javascript数组使用调用方法汇总
2007/12/08 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
基于jQuery实现中英文切换导航条效果
2016/09/18 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
python Django连接MySQL数据库做增删改查
2013/11/07 Python
详解Django通用视图中的函数包装
2015/07/21 Python
python调用fortran模块
2016/04/08 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
python如何实现内容写在图片上
2018/03/23 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
django 环境变量配置过程详解
2019/08/06 Python
Python tkinter常用操作代码实例
2020/01/03 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
幼儿园的门卫岗位职责
2014/04/10 职场文书
秘书英文求职信
2014/04/16 职场文书
我的中国梦口号
2014/06/16 职场文书
建筑工地标语
2014/06/18 职场文书
中学教师个人总结
2015/02/10 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
报案材料怎么写
2015/05/25 职场文书
领导离职感言
2015/08/03 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL