微信小程序固定头部-CSS实现

效果图

代码逻辑:设置头部的高度,浮动固定后,再加个这个高度的大小的外边距

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
kyriewen2 小时前
CSS Container Queries:彻底告别 @media 写到手软,附 5 个真实布局案例
前端·css·面试
川冰ICE7 小时前
JavaScript实战④|天气查询应用,调用API与异步处理
javascript·css·css3
克里斯蒂亚诺更新7 小时前
微信小程序使用vant4 weapp自定义菜单 但是弹出层却被菜单遮挡的解决办法
微信小程序·小程序·notepad++
静Yu8 小时前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
艾伦野鸽ggg10 小时前
CSS容器查询和悬浮间隙问题
前端·css
小羊Yveesss11 小时前
2026年微信小程序制作工具怎么选?
微信小程序·小程序
河北清兮网络科技13 小时前
深度解析:2026石家庄短视频APP开发真实成本、隐性开销与避坑方案
大数据·小程序·app·短剧app·广告联盟
川石课堂软件测试13 小时前
UI自动化测试|CSS元素定位实践
css·测试工具·ui·fiddler·单元测试·appium·harmonyos
微擎应用13 小时前
宠物门店系统 - 连锁宠物医院多门店小程序+公众号双端管理系统
小程序·宠物
龙井>_<14 小时前
vsCode解决css代码补全不生效问题,UnoCSS插件失效修复
前端·css·ide·vscode