[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离
0 2016-01-03 11:00:19
jQuery如何获取div距离窗口顶部或者父元素顶部的距离:
在实际应用或许会需要计算出指定div距离窗口或则它的父元素的顶部的距离,下面就通过实例对此做一下简单的介绍,下面直接看代码实例,然后再进行分析,代码如下:
蚂蚁部落
距离文档顶部距离:
距离父元素顶部的距离:
距离窗口顶部的距离:
以上代码,点击按钮可以在span元素中显示相应的距离尺寸,关于在代码中使用的函数和属性建议参阅相关阅读中的文章,因为里面都进行详细的描述,这里就不做介绍了。
相关阅读:
1.offset()函数可以参阅jQuery的offset()方法一章节。
2.position()函数可以参阅jQuery的position()方法一章节。
3.scrollTop()函数可以参阅jQuery的scrollTop()方法一章节。
4.text()函数可以参阅jQuery的text()方法一章节。