Javascript 滚动时将固定导航菜单更改为侧导航栏

我有一个固定的导航菜单，有一个从顶部固定CSS的样式：

当我用鼠标向下滚动时，我需要将此导航更改为位于侧边栏中

像这样：

---

有什么建议是最好的方法吗

你能分享你的演示吗？你可以尝试在css中创建两个不同的类，一个用于顶级版本，另一个用于侧边栏。然后使用javascript onScroll事件检测页面滚动。现在使用jquery

$（window.scrollTop（）

）获取滚动位置。然后使用jquery切换css类。@IshimdarAhamad iam使用此演示我不确定是否可以在站点中共享它，我需要自定义it@IshimdarAhamad谢谢，我正在尝试，但请检查此演示是静态还是动态站点？