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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
Hy行者勇哥2 小时前
HTML5 + 原生 CSS + 原生 JS 网页实现攻略
javascript·css·html5
DsirNg8 小时前
页面栈溢出问题修复总结
前端·微信小程序
小徐_23338 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app
小小王app小程序开发8 小时前
场馆预约小程序留存率提升指南:技术落地与运营实操全解析
小程序
深红11 小时前
玩转小程序AR-实战篇
前端·微信小程序·webvr
00后程序员张12 小时前
HTTPS Everywhere 时代的抓包挑战,从加密流量解析到底层数据流捕获的全流程方案
网络协议·http·ios·小程序·https·uni-app·iphone
小王码农记14 小时前
CSS中自定义属性函数var()
前端·css·vue.js
我命由我1234517 小时前
微信小程序 - scroll-view 的一些要点(scroll-view 需要设置滚动方向、scroll-view 需要设置高度)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
BD_Marathon17 小时前
【JavaWeb】CSS浮动
前端·css
weixin_4721835418 小时前
微信小程序使用websocket
websocket·微信小程序·小程序