选择在Js或Jquery中滚动到Window顶部的元素

Question

我在8个可折叠部分列出了链接here。我希望该部分的标题/切换器是粘滞的或保留在视图端口，但让身体滚动。当下一个标题出现时，前一个标题应该滚动它的正文，下一个标题将保持在页面的顶部，依此类推，类似的东西反向。

它使用CSS属性position: sticky工作正常，但在某些浏览器上它无法正常工作。

现在我需要选择窗口顶部的元素。并使用JS或Jquery为其添加position: fixed样式。

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

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

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