编程 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 相关文章推荐

JQuery 文本框使用小结

May 22 Javascript

写了10年的Javascript也未必全了解的连续赋值运算

Mar 25 Javascript

Javascript毫秒数用法实例

Feb 05 Javascript

PHP守护进程实例

Mar 06 Javascript

PHP+mysql+Highcharts生成饼状图

May 04 Javascript

详细分析使用AngularJS编程中提交表单的方式

Jun 19 Javascript

基于jQuery全屏焦点图左右切换插件responsiveslides

Sep 07 Javascript

javascript自动切换焦点控制效果完整实例

Feb 02 Javascript

关于Function中的bind()示例详解

Dec 02 Javascript

Three.js利用dat.GUI如何简化试验流程详解

Sep 26 Javascript

Vue动态路由缓存不相互影响的解决办法

Feb 19 Javascript

js变量值传到php过程详解将php解析成数据

Jun 26 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

模仿OSO的论坛（一）

2006/10/09 PHP

php基于socket实现SMTP发送邮件的方法

2015/03/05 PHP

修复ShopNC使用QQ 互联时提示100010 错误

2015/11/08 PHP

Joomla语言翻译类Jtext用法分析

2016/05/05 PHP

PHP处理数组和XML之间的互相转换

2016/06/02 PHP

PHP对象链式操作实现原理分析

2016/10/09 PHP

兼容多浏览器的字幕特效Marquee的通用js类

2008/07/20 Javascript

safari,opera嵌入iframe页面cookie读取问题解决方法

2010/06/23 Javascript

js计算精度问题小结

2013/04/22 Javascript

jQuery实现拖拽效果插件的方法

2015/03/23 Javascript

jQuery实现滚动条滚动到子元素位置（方便定位）

2017/01/08 Javascript

vue源码解析之事件机制原理

2018/04/21 Javascript

详解如何在微信小程序开发中正确的使用vant ui组件

2018/09/13 Javascript

基于Vue2实现简易的省市区县三级联动组件效果

2018/11/05 Javascript

arctext.js实现文字平滑弯曲弧形效果的插件

2019/05/13 Javascript

JS操作json对象key、value的常用方法分析

2019/10/29 Javascript

JS实现点星星消除小游戏

2020/03/24 Javascript

Vue如何循环提取对象数组中的值

2020/11/18 Vue.js

python利用hook技术破解https的实例代码

2013/03/25 Python

python 利用栈和队列模拟递归的过程

2018/05/29 Python

Python Series从0开始索引的方法

2018/11/06 Python

python requests模拟登陆github的实现方法

2019/12/26 Python

Python django框架 web端视频加密的实例详解

2020/11/20 Python

利用HTML5中的Canvas绘制一张笑脸的教程

2015/05/07 HTML / CSS

使用layui实现左侧菜单栏及动态操作tab项的方法

2020/11/10 HTML / CSS

罗马尼亚在线杂货店：Pilulka.ro

2019/09/28 全球购物

德国购买门票网站：ADticket.de

2019/10/31 全球购物

正宗的澳大利亚Ugg靴子零售商：UGG Express

2020/04/19 全球购物

幼儿园保育员辞职信

2014/01/12 职场文书

教师现实表现材料

2014/02/14 职场文书

软件部经理岗位职责范本

2014/02/25 职场文书

喷漆工的岗位职责

2014/03/17 职场文书

运动会闭幕式主持词

2015/07/01 职场文书

高温慰问简报

2015/07/21 职场文书

PHP新手指南

2021/04/01 PHP

Windows环境下实现批量执行Sql文件

2021/10/05 SQL Server