导航条项根据其当前位置改变颜色

Question

我想对我的学校网站项目的导航条做同样的事情-检查这个页面作为参考- http://www.sketchin.ch/当你滚动时，孔导航条改变它的颜色。

这个画布被使用了吗?求你了，我真的真的需要帮助!

Answer 1

基本上，有两个不同的菜单。顶部的视频标题比黑色菜单的z-index更高。当你向下滚动时，这个菜单就会出现。

两个菜单是彼此相同的固定位置。白色菜单位于第一部分的内部，该部分已将溢出设置为隐藏。这意味着，当你向下滚动时，白色菜单是固定的，因此从标题部分中移出，因此它变得隐藏，而另一个菜单从第一部分的下方出现，因为它也是固定位置。