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

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
相关推荐
chao_7899 小时前
frame 与新窗口切换操作【selenium 】
前端·javascript·css·selenium·测试工具·自动化·html
三原9 小时前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序
Byte_Me10 小时前
IoT 小程序:如何破解设备互联的碎片化困局?
物联网·小程序·iot
中微子11 小时前
CSS 的 position 你真的理解了吗?
前端·css
喝西瓜汁的兔叽Yan12 小时前
小效果--多行文本溢出出现省略号
前端·css
小徐_233312 小时前
uni-app 弹窗总被父元素“绑架”?3招破局,H5/小程序/APP一招通杀!
前端·微信小程序·uni-app
拾光拾趣录12 小时前
前端响应式布局:手把手实现智能PX转REM
前端·javascript·css
归于尽15 小时前
从按钮 "跳帧" 到 3D 翻书:CSS 动画进阶的 "三级跳"
前端·css
归于尽17 小时前
别再纠结布局了!Flex 和 Grid 的 “神仙操作” 都在这
前端·css
難釋懷17 小时前
微信小程序案例 - 本地生活(首页)
微信小程序·生活·notepad++