网页
资讯
视频
图片
知道
文库
贴吧
地图
采购
进入贴吧
全吧搜索
吧内搜索
搜贴
搜人
进吧
搜标签
日
一
二
三
四
五
六
签到排名:今日本吧第
个签到,
本吧因你更精彩,明天继续来努力!
本吧签到人数:0
一键签到
成为超级会员,使用一键签到
一键签到
本月漏签
0
次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行
补签
。
连续签到:
天 累计签到:
天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
06月21日
漏签
0
天
前端吧
关注:
223,288
贴子:
1,368,373
看贴
图片
吧主推荐
游戏
29
回复贴,共
1
页
<<返回前端吧
>0< 加载中...
css菜狗又来问问题了大哥们
只看楼主
收藏
回复
跳跳虎没尾巴
后起之秀
7
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
请问一下这种首页该怎么做呀?下面的背景图能覆盖到导航栏,而且滚动出背景后导航栏变成白色带一点浅浅的毛玻璃效果
先谢谢各位大哥
贴吧用户_025Z6et
初涉江湖
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
这个要用js做
长沙市望城区池木贸易中心
立即点击测试,35道自测题,3分钟出结果,专业分析,简单快捷!快来试试吧!!
2024-06-21 17:17
广告
立即查看
跳跳虎没尾巴
后起之秀
7
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
跳跳虎没尾巴
后起之秀
7
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
大佬们都在上班吗
web明
初涉江湖
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
用定位,然后监听页面高度去改变样式就可以了
贴吧用户_aMGK1yS
人海孤鸿
4
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
背景图background
雾间的不吉波普
后起之秀
7
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
答案是粘性定位+交叉监听者
我愛中国
武林新贵
8
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
监听高度,下滑了多少的时候改变样式就行了
TwoDog-
四方游侠
5
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
背景图覆盖到导航栏可以用背景图片位置来做
不可乘风起
初涉江湖
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
这个可以完全用css实现的
星期三和小东西
武林高手
9
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
你可以拆开来看,背景就是一个轮播区域,这个区域宽度撑满屏贴合上边缘,然后导航栏绝对定位在当前位置,zindex要高于页面上任意位置的定位,然后js监听滚动距离大于轮播距离,给导航栏div背景加高斯模糊样式即可
Jerrvis
江湖少侠
6
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
这不就一个fixed的导航栏,加个下边框,透明度调为0
阿MING
江湖少侠
6
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
我查了下那个网站看了下,个人是觉得这样实现的:
1. 监听 scroll 事件,往下滑之后为导航栏添加一个 class 。
2. 导航栏原本应该是背景透明了,然后新增的 class 对应的样式覆盖了,背景变为白色,并增加了模糊(backdrop-filter)。并且按钮、Logo 都相应变了样式。
3. 触发事件之后背景图片的 top 属性发生变化,所以像是下面的内容往上滚盖住了图片一样。
愿你过得平静
江湖少侠
6
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
透明加高斯模糊
天猫同恩
初涉江湖
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
大哥你开一下私信,发不过去给你
登录百度账号
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频!
贴吧页面意见反馈
违规贴吧举报反馈通道
贴吧违规信息处理公示