FROM CACHE - zh-cn_header

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

ruanchengtong
访客
2 0 0

我用的dawn模板,如下

ed183eeba80d87324c875276fff5cc8.png

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

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

29262ed5506a8339c25f1497c01e6cb.png

729078b9343ea447d4fe424d4540b8a.png

  

5 条回复5

豪克斯
Shopify Partner
46 4 7

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

v:Simon_Du_
有问题随时call
ruanchengtong
访客
2 0 0

感谢,我研究下。

sojiang
访客
2 0 0

 你搞定了吗?

sojiang
访客
2 0 0

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

豪克斯
Shopify Partner
46 4 7

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

v:Simon_Du_
有问题随时call