JQ之 offset 和 position 的用法与区别
2016-03-24 17:19
483 查看
offset:获取元素相对于文档(document)的当前坐标
注意
使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。
postion : 获取元素相对父元素的偏移
注意:
1,使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。
2,使用position()方法时如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移。
用法:如 var position=$(this).position() 定义当前元素 而且当前元素css: position:absolute
alert(position.top),alert(position.left) 输出当前元素距离最近的父元素的垂直距离值和水平距离值注意 当前元素的父亲元素的CSS最好为 position:relative
注意
使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。
postion : 获取元素相对父元素的偏移
注意:
1,使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。
2,使用position()方法时如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移。
用法:如 var position=$(this).position() 定义当前元素 而且当前元素css: position:absolute
alert(position.top),alert(position.left) 输出当前元素距离最近的父元素的垂直距离值和水平距离值注意 当前元素的父亲元素的CSS最好为 position:relative
相关文章推荐
- HashMap的实现
- java websocket
- SpringMVC学习系列-后记 解决GET请求时中文乱码的问题
- linux历史命令查找快捷方式
- ios开发环境搭建
- #ifdef __cplusplus extern "C"
- 求一维数组的最大子数组1(结对开发)
- AndroidStudio实用技能(2)
- JDK源码中使用的设计模式
- django debug toolbar jquery加载配置
- 淘宝开源项目TbSchedule的部署和使用
- 创建基于注解的springmvc的流程
- day05 Schema约束,JAXP的SAX解析,DOM4J
- 聊聊并发(四)深入分析ConcurrentHashMap
- 比较ab大小
- nginx搭建一个很简单的负载均衡
- JSP九大内置对象
- [Awt]——太阳系模型制作
- 将引用作为函数参数
- echart使用