jQuery是一个获取div距离窗口和父DV之间距离的例子。

在jQuery，jquery.offset（）。上/左是用来从div距离窗口的距离。jquery.position（）。上/左是用来从父div获得距离（必须是绝对定位的div）。

（1）首先介绍jquery.offset（）（）。上/左
Css：
复制代码代码如下所示：
* { margin: 0px；padding: 0px；}
div {保证金：为0px auto；}
，{宽度：960px；高度：200px；}
。parentbox {填充：30px；边距：40px；宽度：960px；身高：300px；}
。innerbox { padding: 20px；边距：10px；宽度：400px；身高：100px；}

Html：
复制代码代码如下所示：

一

小盒



Js：
复制代码代码如下所示：
$（函数（）{（））
var_offsettop = $（。innerbox）。偏移（）。顶； / / 280px
}）

这里280px = a.height / 200px + parentbox。填充顶部/ 30px + parentbox。缘上/ 40px +小盒。缘上/ 10px；
如果这parentbox设置位置：位置：相对/绝对和小盒；小盒集；顶部：40px集；
的_offsettop / / /价值290px = a.height 200px + parentbox。缘上/ 40px +小盒。缘上/ 10px +上/ 40px inebox；
由于绝对定义基于父div左上角的内部边界，以供参考。
/ /如果innerbox设置框架的话加上边界值

（2）jqury.position（）。上/左是用来从孩子div距离得到距离父div，和子DIV绝对定位
Css：
复制代码代码如下所示：
* { margin: 0px；padding: 0px；}
div {保证金：为0px auto；}
，{宽度：960px；高度：200px；}
。parentbox {填充：30px；边距：40px；宽度：960px；身高：300px；位置：相对；}。
。innerbox { padding: 20px；边距：10px；宽度：400px；身高：100px；位置：绝对的；}。

Html：
复制代码代码如下所示：

一

小盒



Js：
复制代码代码如下所示：
$（函数（）{（））
var_offsettop = $（。innerbox）。偏移（）。顶； / / 280px
}）