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 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
canvas 中如何实现物体的框选
Aug 05 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
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
PHP7新特性
2021/03/09 PHP
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
php+ajax+jquery实现点击加载更多内容
2015/05/03 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
2020/08/03 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
python实现学生管理系统
2018/01/11 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
python3.5绘制随机漫步图
2018/08/27 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
pygame实现烟雨蒙蒙下彩虹雨
2019/11/11 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
学习Python列表的基础知识汇总
2020/03/10 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
银行会计职员个人的自我评价
2013/09/29 职场文书
《雕塑之美》教学反思
2014/04/24 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
公务员处分决定书
2015/06/25 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书