当前位置: 首页 > Web前端 > HTML5

从Zepto了解“offset”

时间:2023-04-05 21:08:31 HTML5

前言这篇文章主要想说说Zepto中与“offset”相关的一些事情。很久以前,我们经常使用offset、position、scrollTop、scrollLeft等方式来改变元素的位置,它们有什么区别,又是如何实现的呢?接下来,让我们一点一点地揭开他们的面纱。源码库链接offsetParentoffset和position这两个api的内部实现都依赖于offsetParent方法。让我们来看看它的全部内容。找到第一个定位的祖先元素是指其css中的position属性值为“relative”、“absolute”或“fixed”#offsetParent我们都知道css属性position是用来在document方法中指定元素的定位的,它的初始值是静态的,css3中甚至还加入了sticky等属性,但目前浏览器似乎还不太支持。看看这个例子html

<
css