jQuery获取页面元素绝对与相对位置的方法


Posted in Javascript onJune 10, 2015

本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下:

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:

var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;

获取相对(父元素)位置:

var X = $('#DivID').position().top; 
var Y = $('#DivID').position().left; 
var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量
var pTop = $("selector").scrollTop();//元素相对于滚动条顶部的偏移量

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 Javascript
jQuery简单实现图片预加载
Apr 20 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 #Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 #Javascript
javascript中一些util方法汇总
Jun 10 #Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 #Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 #Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 #Javascript
You might like
PHP+DBM的同学录程序(3)
2006/10/09 PHP
php过滤危险html代码
2008/08/18 PHP
PHP 多进程 解决难题
2009/06/22 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
jquery中对表单的基本操作代码
2010/07/29 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
javascript与Python快速排序实例对比
2015/08/10 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
python交易记录整合交易类详解
2019/07/03 Python
python实现视频读取和转化图片
2019/12/10 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
8种常用的Python工具
2020/08/05 Python
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
写自荐信要注意什么
2013/12/26 职场文书
财务会计专业求职信范文
2013/12/31 职场文书
药剂专业求职信
2014/06/20 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL
KVM基础命令详解
2022/04/30 Servers