哪种滚动吸顶方式更适合我的空间需求？

本文共计2507个文字，预计阅读时间需要11分钟。

前言：我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。当时我非常疑惑，为什么一个滚动吸顶会有bug。后来查看代码才发现，直接使用的是offsetTop这个属性，而且并没有。

结果：我发现的bug是直接使用offsetTop这个属性，而没有进行处理。

前言

我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且并没有做兼容性处理。

offsetTop

用于获得当前元素到定位父级（ element.offsetParent ）顶部的距离（偏移值）。

定位父级 offsetParent 的定义是：与当前元素最近的 position != static 的父级元素。

或许写这个代码的人没有注意到“定位父级”这个这个附属条件。
后来在项目中总会遇到滚动吸顶的效果需要实现，现在我将我知道的 4 种滚动吸顶实现方式做详细介绍。