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

鼠标右击事件代码(asp.net后台)

Jan 27 Javascript

Jquery工作常用实例使用AJAX使网页进行异步更新

Jul 26 Javascript

用JS判别浏览器种类以及IE版本的几种方法小结

Aug 02 Javascript

jQuery实用函数用法总结

Aug 29 Javascript

jQuery实现宽屏图片轮播实例教程

Nov 24 Javascript

Javascript中神奇的this

Jan 20 Javascript

详解js前端代码异常监控

Jan 11 Javascript

js 调用百度分享功能

Feb 27 Javascript

Bootstrap学习笔记轮播（Carousel）插件

Mar 21 Javascript

javascript实现导航栏分页效果

Jun 27 Javascript

vue实现评价星星功能

Jun 30 Javascript

JavaScript利用html5新方法操作元素类名详解

Nov 27 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

第三节定义一个类 [3]

2006/10/09 PHP

php中根据变量的类型选择echo或dump

2012/07/05 PHP

php接口与接口引用的深入解析

2013/08/09 PHP

PHP APC缓存配置、使用详解

2014/03/06 PHP

PHP中浮点数计算比较及取整不准确的解决方法

2015/01/09 PHP

Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析

2016/03/21 PHP

php编译安装php-amq扩展简明教程

2016/06/25 PHP

PHP7匿名类用法分析

2016/09/26 PHP

Yii框架创建cronjob定时任务的方法分析

2017/05/23 PHP

jquery ui resizable bug解决方法

2010/10/26 Javascript

jQuery 移动端artEditor富文本编辑器

2016/01/11 Javascript

jQuery EasyUi 验证功能实例解析

2017/01/06 Javascript

关于vuex的学习实践笔记

2017/04/05 Javascript

Javacript中自定义的map.js 的方法

2017/11/26 Javascript

Vuex提升学习篇

2018/01/11 Javascript

Vue 创建组件的两种方法小结(必看)

2018/02/23 Javascript

JS获取指定月份的天数两种实现方法

2018/06/22 Javascript

VUE实现密码验证与提示功能

2019/10/18 Javascript

vue3.0实现点击切换验证码(组件)及校验

2020/11/18 Vue.js

使用js获取身份证年龄的示例代码

2020/12/11 Javascript

[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

[02:50]【扭转乾坤，只此一招】DOTA2永雾林渊版本开启新篇章

2020/12/22 DOTA

python中Genarator函数用法分析

2015/04/08 Python

Python探索之SocketServer详解

2017/10/28 Python

对python中的乘法dot和对应分量相乘multiply详解

2018/11/14 Python

python使用knn实现特征向量分类

2018/12/26 Python

Anaconda之conda常用命令介绍(安装、更新、删除)

2019/10/06 Python

快速解释如何使用pandas的inplace参数的使用

2020/07/23 Python

PyQt5通过信号实现MVC的示例

2021/02/06 Python

时装界的“朋克之母”：Vivienne Westwood

2017/07/06 全球购物

计算机数据库专业职业生涯规划书

2014/02/08 职场文书

认真学习保证书

2015/02/26 职场文书

母亲节寄语大全

2015/02/27 职场文书

运动会致辞稿

2015/07/29 职场文书

python使用pywinauto驱动微信客户端实现公众号爬虫

2021/05/19 Python

Nginx动静分离配置实现与说明

2022/04/07 Servers