大佬们，导航栏怎么做成背景透明，悬浮或者滚动时才变成白色

[ruanchengtong]

我用的dawn模板，如下

然后想借鉴一下这个模板https://themes.shopify.com/themes/prestige/styles/allure/preview，

做成导航栏默认是透明的，悬浮或者滚动时才变成白色，还有就是它底部是个单纯的视频，是怎么做的，dawn模板的视频有太多

  

 

[豪克斯]

给定两个状态，用js监听滚动距离。当没滚动到某段距离时背景透明，字体白色；滚动到该距离时背景白色，字体黑色即可

[ruanchengtong]

感谢，我研究下。

[sojiang]

 你搞定了吗？

[sojiang]

还是没看懂可以详细讲一下吗

[豪克斯]

就是用js判断滚动距离，达到多少就给一个类名，然后给这个类名css样式即可