关于 position:sticky 元素滚动轮播如何实现

请问 position:sticky 元素滚动轮播如何实现？
如下图所示，请问这个交互效果应该咋实现，我目前只实现了 sticky 元素的展示，但对于滚动控制显示层级这个还没思路，麻烦给个解决方案。谢谢

img

控制显示层级？用z-index吧

通过监听事件能不能解决。
监听滚动事件可以参考下这篇文章
https://blog.csdn.net/hhhhhhhssss/article/details/118729564