关于offsetTop的理解
1. offsetTop：元素到offsetParent顶部的距离 2. offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。如下图所示：获取child的offsetTop，图 ...
原文：关于offsetTop的误解
一直以为offset是子元素相对于父元素的距离，后来用了才知道是一个坑，只存在于定位元素中 在做li的搜索的定位的时候，为了得到li相对于ul的距离，本来也可以用li的高度相乘，但是用了offsetTop，可是用上后发现得到的值怎么都不对，最后在控制台找到他的offsetParent竟然不是ul，跑到了另外一个元素上面, 原因，offsetTop是找到元素相对于父级定位元素的距离， 解决办法：在u ...
2019-04-22 16:13 0 2035 推荐指数：
相关推荐
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度 ...
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍 这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth ...
简单理解offsetleft、offsetTop、offsetParent
ele.offsetLeft和ele.offsetTop取值问题，分多种情况： ...
scrollTop, pageYOffset, scrollY 以及offsetTop 的区别
scrollTop, offsetTop, pageYOffset, scrollY 的区别 scrollTop DOM对象的scrollTop用于获取或者设置一个元素里滚动的距离（垂直）。例如：document.documentElement.scrollTop ...
offsetTop/offsetHeight scrollTop/scrollHeight 的区别
offsetTop/offsetHeight scrollTop/scrollHeight 这几个属性困扰了我N久，这次一定要搞定。 假设 obj 为某个 HTML 控件。 obj.offsetTop obj距离上方或上层控件的位置，整型，单位像素 ...
深入理解offsetTop与offsetLeft
做为走上前端不归路的我，以前只是认为offsetTop是元素的左边框至包含元素offsetParent的左内边框之间的像素距离，同理offsetRight是相对于上内边框。那么问题来了，包含元素offsetParent究竟是谁呢？ 是我太天真还是天后知后觉！ 其实： 页面中的元素 ...