javascript - 如何使元素假位置 :fixed so it acts fixed until a certain scroll height, 然后附加？

Question

许多网站都有一个功能，当你滚动时，一个元素会固定在页面上，直到你到达某个点，比如边栏的末端，然后它就会锚定到该边栏的底部。一旦您向上滚动，它就会开始像一个固定元素一样，在您滚动时保留在您的屏幕上。

你怎么调用它，它是如何完成的？

Answer 1

您可以将位置设置为绝对位置并将滚动事件附加到页面，在这种情况下，您可以根据滚动条的位置更改顶部的 css 值(在 jQuery 中它是纯 javascript 中的 scrollTop 它应该是相似的)，然后添加条件仅当 scrollTop 小于特定值(如 offset.top + 侧边栏的高度)时，top 才会更改。