Javascript 选择在Js或Jquery中滚动到窗口顶部的元素

我有8个可折叠部分的链接列表。 我希望节的标题/切换按钮保持粘性，或者保持在视图端口中，但让主体滚动。当出现下一个页眉时，上一个页眉应该与其正文一起滚动，下一个页眉将停留在页面顶部，以此类推，类似的事情也会发生

使用CSS属性

position:sticky

可以正常工作，但在某些浏览器上不起作用

现在我需要选择窗口顶部的元素。 并使用JS或Jquery向其添加

position:fixed

样式

分享下面的代码只是为了理解，否则它就不起作用了

$(".collapsible").on('scroll', function(event) {
            if(event.target.offset().top() === $window.scrollTop()) {
                console.log(event.target);
            }
});

---

如果您有任何解决方案，请与我分享

在

this.classList.toggle（“active”）之后添加这些行：

var $top = this.offsetTop;
setTimeout(function() {
  window.scrollTo({
    top: $top,
    behavior: "smooth"
  });
}, 200);