jquery的offset().top 和position().top 详解 和如何用js实现

发布时间:2017-5-23 7:30:13 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"jquery的offset().top 和position().top 详解 和如何用js实现 ",主要涉及到jquery的offset().top 和position().top 详解 和如何用js实现 方面的内容,对于jquery的offset().top 和position().top 详解 和如何用js实现 感兴趣的同学可以参考一下。

1 jquery定义:

  offset().top 相对于当前文档的坐标(的高度)
           ps:包括滚动条卷去的高度  position().top 返回的是相对于其定位的祖辈元素的坐标
(的高度)
            ps:包括滚动条卷去的高度

一图胜千言!

 统一前提

      绿色容器 margin-top: 10px

  每一个红色小盒子  width:80px height:80px

a情况

b情况

 c 情况

2 结论

 js中

offsetTop 始终指向相对于其定位的祖辈元素的坐标的高度,是固定的,无论祖先元素 是否滚动  ps:(意思就是这个元素自己没有滚动条 他的祖先元素有滚动条,)
scrollTop  指向自己被卷去的高度,ps:(意思就是这个元素是祖先元素,它自己有滚动条,)
  所以 jquery 中的 $domtext.offset().top   ==            var jsTop = 0;       jsTop += domtext.offsetTop ;    遍历 domtext的所有祖先元素          jsTop += 祖先元素的scrollTop       if(祖先元素 定位了){           jsTop += 当前祖先元素的offsetTop           }

上一篇:springmvc 组合注解
下一篇:JVM 内部原理(四)— 基本概念之 JVM 结构

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

腹肌贴健身器材智能腹部训练健腹器肌