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

效果图

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

.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
正小安1 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
说私域1 小时前
基于定制开发与2+1链动模式的商城小程序搭建策略
大数据·小程序
Fan_web3 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常3 小时前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
赛男丨木子丿小喵3 小时前
visual studio2022添加新项中没有html和css
css·html·visual studio
太阳花ˉ6 小时前
html+css+js实现step进度条效果
javascript·css·html
丁总学Java7 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
懒羊羊大王呀7 小时前
CSS——属性值计算
前端·css
工业互联网专业8 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
看到请催我学习9 小时前
如何实现两个标签页之间的通信
javascript·css·typescript·node.js·html5