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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
拾光拾趣录2 小时前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
FogLetter3 小时前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css
FogLetter3 小时前
前端性能优化:深入理解回流与重绘
前端·css
浪裡遊5 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
拾光拾趣录6 小时前
CSS全面指南:从基础布局到高级技巧与实践
前端·css
Codebee6 小时前
OneCode图生代码技术深度解析:从可视化设计到注解驱动实现的全链路架构
css·人工智能·算法
走,带你去玩6 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
zhanshuo6 小时前
i18next + 原生JS 双引擎:打造前端多语言系统最佳实践
前端·javascript·css
十盒半价7 小时前
前端性能优化避坑指南:从回流重绘到页面渲染全解析
前端·css·trae
是一碗螺丝粉7 小时前
🔥 微信H5视频自动播放终极秘籍:WeixinJSBridge竟是官方“通行证”?
微信小程序