编程 Javascript

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;

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 圆角div的实现代码

Oct 15 Javascript

深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

Mar 05 Javascript

jQuery动态星级评分效果实现方法

Aug 06 Javascript

ajax跨域调用webservice的实现代码

May 09 Javascript

js多功能分页组件layPage使用方法详解

May 19 Javascript

jQuery操作cookie

Aug 08 Javascript

node.js中 stream使用教程

Aug 28 Javascript

vue2.0使用Sortable.js实现的拖拽功能示例

Feb 21 Javascript

教你如何用node连接redis的示例代码

Jul 12 Javascript

JS实现HTML页面中动态显示当前时间完整示例

Jul 30 Javascript

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

Apr 25 Javascript

vue-property-decorator用法详解

Dec 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

PHP+MYSQL开发工具及资源收藏

2007/01/02 PHP

PHP中break及continue两个流程控制指令区别分析

2011/04/18 PHP

PHP中将字符串转化为整数(int) intval() printf() 性能测试

2020/03/20 PHP

PHP的Yii框架使用中的一些错误解决方法与建议

2015/08/21 PHP

PHP版单点登陆实现方案的实例

2016/11/17 PHP

Laravel框架中自定义模板指令总结

2017/12/17 PHP

详解no input file specified 三种解决方法

2019/11/29 PHP

Code：loadScript( )加载js的功能函数

2007/02/02 Javascript

JQuery UI皮肤定制

2009/07/27 Javascript

js 获取子节点函数 (兼容FF与IE)

2010/04/18 Javascript

如何实现textarea里的不同文本显示不同颜色

2014/01/20 Javascript

js进行表单验证实例分析

2015/02/10 Javascript

关于session和cookie的简单理解

2016/06/08 Javascript

探究JavaScript中的五种事件处理程序方式

2016/12/07 Javascript

nodejs+express实现文件上传下载管理网站

2017/03/15 NodeJs

详解在Vue中如何使用axios跨域访问数据

2017/07/07 Javascript

Vue中通过Vue.extend动态创建实例的方法

2019/08/13 Javascript

vue自动添加浏览器兼容前后缀操作

2020/08/13 Javascript

用smtplib和email封装python发送邮件模块类分享

2014/02/17 Python

python集合用法实例分析

2015/05/30 Python

Django框架使用富文本编辑器Uedit的方法分析

2018/07/31 Python

python实现图片彩色转化为素描

2019/01/15 Python

Python中的集合介绍

2019/01/28 Python

python爬虫的一个常见简单js反爬详解

2019/07/09 Python

python 字典的打印实现

2019/09/26 Python

Python从文件中读取数据的方法步骤

2020/11/18 Python

python实现发送QQ邮件（可加附件）

2020/12/23 Python

CSS3实战第一波让我们尽情的圆角吧

2010/08/27 HTML / CSS

英国著名的小众美容品牌网站：Alyaka

2017/08/08 全球购物

迪卡侬荷兰官网：Decathlon荷兰

2017/10/29 全球购物

PHP数据运算类型都有哪些

2013/11/05 面试题

Java的接口和C++的虚类的相同和不同处

2014/03/27 面试题

DELPHI中如何调用API,可举例说明

2014/01/16 面试题

党员干部民主生活会议批评与自我批评材料

2014/09/20 职场文书

2014年物业公司工作总结

2014/11/22 职场文书

小学开学典礼新闻稿

2015/07/17 职场文书