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

Extjs Ext.MessageBox.confirm 确认对话框详解

Apr 02 Javascript

提升你网站水平的jQuery插件集合推荐

Apr 19 Javascript

JS操作JSON要领详细总结

Aug 25 Javascript

用js将内容复制到剪贴板兼容浏览器

Mar 18 Javascript

js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】

Aug 02 Javascript

浅谈javascript中遇到的字符串对象处理

Nov 18 Javascript

jquery ajax加载数据前台渲染方式不用for遍历的方法

Aug 09 jQuery

在小程序中使用canvas的方法示例

Sep 17 Javascript

微信小程序页面缩放式侧滑效果的实现代码

Nov 15 Javascript

JS实现求5的阶乘示例

Jan 21 Javascript

Vue.js路由实现选项卡简单实例

Jul 24 Javascript

VueQuillEditor富文本上传图片(非base64)

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

JpGraph php柱状图使用介绍

2011/08/23 PHP

Chrome Web App开发小结

2014/09/04 PHP

php目录遍历函数opendir用法实例

2014/11/20 PHP

php将远程图片保存到本地服务器的实现代码

2015/08/03 PHP

thinkphp框架类库扩展操作示例

2019/11/26 PHP

jquery实现带二级菜单的导航示例

2014/04/28 Javascript

jQuery中trigger()方法用法实例

2015/01/19 Javascript

jQuery使用attr()方法同时设置多个属性值用法实例

2015/03/26 Javascript

理解Javascript图片预加载

2016/02/23 Javascript

JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

2016/03/25 Javascript

javascript数组常用方法汇总

2016/09/10 Javascript

原生JS实现图片翻书效果

2017/02/16 Javascript

Angular.Js之Scope作用域的学习教程

2017/04/27 Javascript

Webpack性能优化 DLL 用法详解

2017/08/10 Javascript

微信小程序实现留言板

2018/10/31 Javascript

js中null与空字符串""的区别讲解

2019/01/17 Javascript

微信小程序实现禁止分享代码实例

2019/10/19 Javascript

在vue中使用防抖和节流,防止重复点击或重复上拉加载实例

2019/11/13 Javascript

Vue实现开关按钮拖拽效果

2020/09/22 Javascript

微信小游戏中three.js离屏画布的示例代码

2020/10/12 Javascript

python发送邮件接收邮件示例分享

2014/01/21 Python

python基础教程之实现石头剪刀布游戏示例

2014/02/11 Python

python计算N天之后日期的方法

2015/03/31 Python

python访问系统环境变量的方法

2015/04/29 Python

Python代码块批量添加Tab缩进的方法

2018/06/25 Python

Python Flask前后端Ajax交互的方法示例

2018/07/31 Python

Python generator生成器和yield表达式详解

2019/08/08 Python

Python openpyxl读取单元格字体颜色过程解析

2019/09/03 Python

python对接ihuyi实现短信验证码发送

2020/05/10 Python

基于CSS3 animation动画属性实现轮播图效果

2017/09/12 HTML / CSS

荷兰在线钓鱼商店：Raven

2019/06/26 全球购物

中国一家综合的外贸B2C电子商务网站：DealeXtreme(DX)

2020/03/10 全球购物

检查接待方案

2014/02/27 职场文书

大学班级计划书

2014/04/29 职场文书

2015年秋季新学期寄语

2015/03/25 职场文书

分析mysql中一条SQL查询语句是如何执行的

2021/06/21 MySQL