Html 如何创建此悬停导航栏

所以我看到了这个网站： 我想学习如何建立一个既透明又能根据背景改变颜色的导航栏，如果你向上或向下滚动你就会看到它。

---

我对可追溯到旧Dreamweaver版本的导航栏经验有限，所以请原谅我的问题的一般性。。。任何关于从何处开始的建议都将不胜感激。

我想你的问题可以通过阅读这个问题的答案来解决：

基本上，在您所展示的示例中，菜单在页面上有一个位置：绝对，它将其定位在页面的右上角。然后，更改菜单颜色的一种简单方法是通过Javascript交换菜单本身上的类。您可以使用上面链接上显示的代码来查看这是如何完成的

通过使用动画交换有关元素颜色的类，然后为每个元素提供CSS转换，如下所示：

.object{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

此CSS将使您的元素以0.5秒的动画持续时间淡入淡出来更改颜色

如果你对CSS和Javascript有基本的了解，这是非常简单的，也许类似的东西会有所帮助。