编程 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 面向对象的私有成员和公开成员

May 13 Javascript

JavaScript中的函数的两种定义方式和函数变量赋值

May 12 Javascript

基于JQuery制作可编辑的表格特效

Dec 23 Javascript

谷歌Chrome浏览器扩展程序开发小记

Jan 06 Javascript

jQuery实现点击按钮文字变成input框点击保存变成文字

May 09 Javascript

jQuery插件cxSelect多级联动下拉菜单实例解析

Jun 24 Javascript

JQ选择器_选择同类元素的第N个子元素的实现方法

Sep 08 Javascript

RequireJS 依赖关系的实例(推荐)

Jan 21 Javascript

JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)（2）

May 17 Javascript

Angular 4 依赖注入学习教程之FactoryProvider的使用（四）

Jun 04 Javascript

react-native组件中NavigatorIOS和ListView结合使用的方法

Sep 30 Javascript

angularjs http与后台交互的实现示例

Dec 21 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

教你IIS6的PHP最佳配置方法

2006/09/05 PHP

2011/01/13 PHP

PHP采集利器 Snoopy 试用心得

2011/07/03 PHP

php可应用于面包屑导航的递归寻找家谱树实现方法

2015/02/02 PHP

图文详解PHP环境搭建教程

2016/07/16 PHP

php上传excel表格并获取数据

2017/04/27 PHP

Laravel 实现数据软删除功能

2019/08/21 PHP

BOOM vs RR BO5 第一场 2.14

2021/03/10 DOTA

js获取input标签的输入值实现代码

2013/08/05 Javascript

jquery-syntax动态语法着色示例代码

2014/05/14 Javascript

gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

2016/02/21 Javascript

基于JavaScript实现单选框下拉菜单添加文件效果

2016/06/26 Javascript

浅析JavaScript函数的调用模式

2016/08/10 Javascript

使用jQuery实现动态添加小广告

2017/07/11 jQuery

node.js-v6新版安装具体步骤(分享)

2017/09/06 Javascript

jQuery中each遍历的三种方法实例分析

2018/09/07 jQuery

[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛胜者组赛BO3 第二场 8.20.mp4

2019/08/22 DOTA

python类继承用法实例分析

2015/05/27 Python

PyCharm设置每行最大长度限制的方法

2019/01/16 Python

Python之列表实现栈的工作功能

2019/01/28 Python

Python3 串口接收与发送16进制数据包的实例

2019/06/12 Python

简单了解Django应用app及分布式路由

2019/07/24 Python

python并发爬虫实用工具tomorrow实用解析

2019/09/25 Python

详细分析Python collections工具库

2020/07/16 Python

意大利大型购物中心：Oliviero.it

2017/10/19 全球购物

澳大利亚宠物食品和用品商店：PETstock

2020/01/02 全球购物

应届生求职推荐信

2013/10/28 职场文书

门卫工作岗位职责

2013/12/17 职场文书

竞争上岗演讲稿

2014/01/05 职场文书

土木建筑学生自我评价

2014/01/14 职场文书

酒店秘书求职信范文

2014/02/17 职场文书

仓库管理计划书

2014/05/04 职场文书

党的群众路线教育实践活动查摆问题及整改措施

2014/10/10 职场文书

行政主管岗位职责

2015/02/03 职场文书

MySQL 慢查询日志深入理解

2021/04/22 MySQL

如何用JavaScipt测网速

2021/05/09 Javascript