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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
我是伪码农13 小时前
HTML和CSS复习
前端·css·html
阿珊和她的猫14 小时前
以用户为中心的前端性能指标解析
前端·javascript·css
牧码岛15 小时前
Web前端之样式中的light-dark函数,从媒体查询到颜色函数,从颜色到图片,light-dark打开CSS新时代、主题切换的暗黑模式到image的正解
前端·css·web·web前端
woshinon17 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
hashiqimiya17 小时前
微信小程序---textarea组件布局
微信小程序·小程序
ZC跨境爬虫19 小时前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
Можно19 小时前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
2501_9151063219 小时前
iOS 多技术栈混淆实现,跨平台 App 混淆拆解与组合
android·ios·小程序·https·uni-app·iphone·webview
慧一居士19 小时前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
牧码岛20 小时前
Web前端之样式中的prefers-color-scheme,一套完整的主题系统设计与原理解析
前端·css·web·web前端