Javascript 当用户滚动超过页面的特定高度/组件时，如何在网页的侧面显示粘性？

我希望能够在我的网页右侧添加一个粘滞图标，该图标仅在用户滚动过网页中的特定高度/特定组件时显示。我怎样才能做到这一点

附加屏幕截图供您参考

这是页面在用户滚动之前的样子，因此侧面没有粘性

这就是当用户滚动到顶部流行链接下方时，页面侧面会弹出粘性页面的方式

---

最初，您可以将流行链接的显示属性设置为none

然后，您可以使用滚动事件进行类似操作

window.addEventListener('scroll', function(e){
console.log(e);
var popularLinks = document.getElementById("pop-links")
popularLinks.style.display = "block";
})

---

请向我们展示您自己尝试过的内容，并解释您当前尝试中不起作用的内容。请记住，堆栈溢出不是编码服务。查看intersectionObserver可能会有所帮助。请显示您的代码。