html 绝对定位-jquery获取html元素绝对位置和相对位置的方式

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

更新时间：2014年6月20日00:09:08 贡献者：mdxy-dxy

本文主要介绍jquery获取html元素的绝对位置和相对位置的方式。 有需要的同学可以参考以下

绝对位置坐标：

复制代码代码如下：

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

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

相对于父元素的位置坐标：

复制代码代码如下：

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

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

其他：

static（默认）：默认的定位方法。

relative（相对定位）：在static的基础上，相对元素原来的位置发生变化html 绝对定位html 绝对定位，通过设置top、bottom、left、right来实现。

Absolute（绝对定位）：它是相对于父元素的。 如果父元素中有relative，则该元素的位置就是估计的结果。 即绝对定位的参考对象是“最后定位的父元素（static不算）”。 绝对定位会导致元素从文档流中删除。

fixed（固定定位）：固定定位的参考对象始终是当前文档。 通过固定定位，可以轻松将div定位在浏览器文档的左上角、右上角等位置。