技术栈

微信小程序固定头部-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算法库
相关推荐
大米饭消灭者
14 小时前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
parade岁月
15 小时前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
前端Hardy
18 小时前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
程序员阿耶
21 小时前
5 个让 CSS 起飞的新特性,设计师看了直呼内行
css
前端Hardy
21 小时前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
漂流瓶jz
1 天前
BEM、OOCSS、SMACSS、ITCSS、AMCSS、SUITCSS:CSS命名规范简介
前端·css·代码规范
FliPPeDround
2 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
前端Hardy
2 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
FliPPeDround
2 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌
2 天前
小程序——布局示例
小程序
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot08Window 10部署openclaw报错node.exe : npm error code 12809网站改了域名,如何查找?10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南