【前端】如何监听滚动事件？存疑

这个效果是如何实现的？
页面上的位置固定，当页面进行滚动的时候，滚动到一定程度时候，元素融入文档流。
我现在的想法是：
1、position: fixed，
2、监听滚动事件，这里存在困惑
3、position: relative

这种效果类似于吸顶，但是好像不是吸顶。可以说是吸顶的相反。

position: sticky
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。