jquery获取html元素的绝对位置和相对位置的方法


Posted in Javascript onJune 20, 2014

绝对位置坐标:

$("#elem").offset().top

$("#elem").offset().left

相对父元素的位置坐标:

$("#elem").position().top

$("#elem").position().left

另:
static(默认):默认定位方式。
relative(相对定位):在static的基础上,相对元素本来的位置变化,通过设定top,bottom,left,right实现。
absolute(绝对定位):是相对父元素来说的,如果父元素中有relative,那么该元素的位置是经过计算后的结果。即absolute定位的参照物是“上一个定位过的父元素(static不算)”。绝对定位会使元素从文档流中被删除。
fixed(固定定位):fixed定位的参照物总是当前的文档。利用fixed定位,很容易让一个div定位在浏览器文档的左上,右上等方位。

Javascript 相关文章推荐
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
js如何判断输入字符串长度
Dec 16 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
浅谈在js传递参数中含加号(+)的处理方式
Oct 11 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
jQuery导航条固定定位效果实例代码
May 26 jQuery
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 #Javascript
对之前写的jquery分页做下升级
Jun 19 #Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 #Javascript
jQuery常用操作方法及常用函数总结
Jun 19 #Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 #Javascript
You might like
php cli 小技巧
2013/06/03 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
php给数组赋值的实例方法
2019/09/26 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
jQuery 使用手册(六)
2009/09/23 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
js前端解决跨域问题的8种方案(最新最全)
2016/11/18 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
JS常用加密编码与算法实例总结
2016/12/22 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
详解Python中的type()方法的使用
2015/05/21 Python
Python中str.format()详解
2017/03/12 Python
python 性能优化方法小结
2017/03/31 Python
python复制文件到指定目录的实例
2018/04/27 Python
PyTorch基本数据类型(一)
2019/05/22 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
python Django 创建应用过程图示详解
2019/07/29 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Python实现括号匹配方法详解
2020/02/10 Python
建筑行业的大学生自我评价
2013/12/08 职场文书
英语演讲稿范文
2014/01/03 职场文书
海飞丝的广告词
2014/03/20 职场文书
食品安全标语
2014/06/07 职场文书
个人四风对照检查材料
2014/09/26 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
k-means & DBSCAN 总结
2021/04/27 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL