技术栈

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

Teln_小凯2024-02-29 11:41

效果图

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

复制代码
.weui-navigation-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height:90px;
}
.weui-navigation-bar_bottom{
  height:90px;
}
上一篇:#LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
下一篇:OpenCV算法库
相关推荐
小小前端_我自坚强
36 分钟前
Tailwind CSS 详解
css·程序员·开源
汤姆Tom
37 分钟前
CSS 新特性与未来趋势
前端·css·面试
棋子一名
1 小时前
跑马灯组件 Vue2/Vue3/uni-app/微信小程序
微信小程序·小程序·uni-app·vue·js
PFinal社区_南丞
1 小时前
现代CSS开发环境搭建
css
PFinal社区_南丞
1 小时前
容器查询 - 组件级响应式设计
css
Python私教
2 小时前
React + Ant Design + Tailwind CSS 打造「无痕」垂直滚动区域:功能全上,滚动条隐身
前端·css·react.js
无衣 秦风
2 小时前
vue3+hubuilderX开发微信小程序使用elliptic生成ECDH密钥对遇到的问题
微信小程序·小程序
游戏开发爱好者8
2 小时前
BShare HTTPS 集成与排查实战,从 SDK 接入到 iOS 真机调试(bshare https、签名、回调、抓包)
android·ios·小程序·https·uni-app·iphone·webview
PFinal社区_南丞
2 小时前
Flexbox布局实战指南
css
PFinal社区_南丞
2 小时前
CSS3简介和历史发展
css
热门推荐
01BongoCat - 跨平台键盘猫动画工具02两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答03智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践04GitHub 镜像站点05UV安装并设置国内源0646个Nano-banana 精选提示词,持续更新中07Cursor Plan Mode:AI 终于知道先想后做了08Linux下V2Ray安装配置指南09GitLab 零基础入门指南:从安装到项目管理全流程10一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示