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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
sheji34162 小时前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序
酉鬼女又兒2 小时前
入门前端CSS 媒体查询全解析:从入门到精通,打造完美响应式布局(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·前端框架·html5·媒体
const_qiu4 小时前
微信小程序自动化测试100%通过率实践
微信小程序·小程序
结网的兔子4 小时前
前端学习笔记——Element Plus 栅格布局系统示例
前端·javascript·css
Predestination王瀞潞5 小时前
5.4.1 通信->WWW万维网内容访问标准(W3C):WWW(World Wide Web)基本信息&核心设计目标&现实意义
css·网络·网络协议·html·url·www
木斯佳7 小时前
前端八股文面经大全:阿里云AI应用开发二面(2026-03-21)·面经深度解析
前端·css·人工智能·阿里云·ai·面试·vue
Greg_Zhong8 小时前
小程序中登出/切换/重置页面状态的使用
小程序
一字白首8 小时前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
spencer_tseng8 小时前
secure-keyboard.js secure-keyboard.css
javascript·css
小J听不清20 小时前
CSS 外边距(margin)全解析:取值规则 + 实战用法
前端·javascript·css·html·css3