RT。类似京东主页的效果，搜索导航栏原本是透明背景色，页面一滚动就会加上外阴影和背景色。使用纯 css 能完成吗？
This topic created in 2805 days ago, the information mentioned may be changed or developed.
 |
2
lisia Oct 31, 2018
监听屏幕滚动事件，然后滚动高度大于导航栏高度设置相应的 css
|
 |
3
caopi OP 也没有纯 css 的实现呢？
|
 |
4
TomatoYuyuko Oct 31, 2018  1
这个是 js 做的 你可以打开 f12 看一下，相当于是做了两个不同的搜索栏，监听滚动触发切换
|
 |
5
xycool Oct 31, 2018 via iPhone
最简单的就是用两个搜索栏了吧，控制隐藏显示就可以了
|
|
6
xycool Oct 31, 2018 via iPhone
哦，纯 css 啊，无视楼上吧
|
|
7
caopi OP @TomatoYuyuko 原来如此，我就是想问问能不能这种纯 css 实现
|
 |
8
zxcvsh Oct 31, 2018 via iPhone
应该能吧，记得好久以前看到一个纯 CSS 的动图，打那以后觉得 CSS 无所不能了
|
Select Language