固定导航 · Sticky Navbar
英文：Sticky Navbar
导航与切换难度：入门 ★
🗣️一句话大白话
页面向下滚动时顶部导航仍保持可见，适合长页面和频繁跳转。页面向下滚动时，顶部导航仍然保持可见，适合长页面和需要频繁跳转的内容。
🎬真实场景
长页面、单页网站、文档、Landing Page、作品集
📮你可以这样说
「为 Punk 的网站添加 Sticky Navbar， 初始状态使用透明背景，滚动超过 40px 后变为米白背景并增加细边框和轻微 backdrop blur； 导航高度保持稳定，移动端使用 Hamburger Menu。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：导航一直固定不动就好。实际滚动后要加背景/毛玻璃避免内容透过来，高度保持稳定
🚫什么时候别用
- ✗页面很短、无需频繁跳转时
🧩常见变体
透明→实底渐变恒久实底导航
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系