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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
Vue+Element使用富文本编辑器的示例代码
Aug 14 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
Nuxt 项目性能优化调研分析
Nov 07 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 29 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分页函数
2006/10/09 PHP
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
打开新窗口关闭当前页面不弹出关闭提示js代码
2013/03/18 Javascript
Javascript call和apply区别及使用方法
2013/11/14 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
Python中的super用法详解
2015/05/28 Python
python查找指定具有相同内容文件的方法
2015/06/28 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
python字典快速保存于读取的方法
2018/03/23 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
python实现抖音点赞功能
2019/04/07 Python
Python基于WordCloud制作词云图
2019/11/29 Python
python机器学习库xgboost的使用
2020/01/20 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
机电专业个人求职信范文
2013/12/30 职场文书
高一数学教学反思
2014/02/07 职场文书
演讲比赛策划方案
2014/06/11 职场文书
党校培训学习心得体会
2016/01/06 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL