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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
勇往直前plus6 小时前
前端三基石:从后端视角理解 HTML、CSS 与 JavaScript
前端·css·html
smchaopiao9 小时前
如何用CSS和JS搞定全屏图片展示
前端·javascript·css
酉鬼女又兒9 小时前
零基础快速入门前端CSS Transform 与动画核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·css·职场和发展·蓝桥杯·html
人还是要有梦想的11 小时前
如何开发微信小程序
微信小程序·小程序·notepad++
大漠_w3cpluscom11 小时前
CSS 技巧:CSS 中选择 html 元素的各种奇技淫巧
前端·css·weui
sensen_kiss13 小时前
CAN302 电子商务技术 Pt.2 深入了解HTML和CSS
前端·css·学习·html
是上好佳佳佳呀15 小时前
【前端(三)】CSS 属性梳理:从字体文本到背景表格
前端·css
whuhewei16 小时前
CSS文字外描边
前端·css
inksci1 天前
Js生成安全随机数
前端·微信小程序
azhou的代码园1 天前
基于SpringBoot+微信小程序的图片识别科普系统
spring boot·后端·微信小程序