如何创建随页面滚动位置响应的导航栏？可行性及技术方向咨询

我刚完成了个人首个导航栏，虽然对当前效果还算满意，但没完全达到预期。我想做一款能根据页面滚动位置动态响应的导航栏：比如停留在about区域顶部时，导航栏呈现特定样式；滚动经过不同页面区域时，导航项能依次在上方堆叠显示。

我查过Spyscroll的文档和相关案例，只看到它能简单识别页面区域，没找到我想要的这种联动效果。作为前端开发新手，我想了解：

• 这个需求是否可行
• 实现该效果需要学习的技术方向
• 这种交互设计在UI/UX层面是否合理

注：我不是要代码修复帮助，只是咨询需求可行性和学习方向。现有导航栏代码可查看我的GitHub仓库Simple-side-Nav-with-hover-effect。

内容的提问来源于stack exchange，提问作者Kal-Toh