固定叙事区 · Sticky Storytelling
英文：Sticky Storytelling
页面结构难度：入门 ★
🗣️一句话大白话
一侧内容固定，另一侧随滚动依次出现不同阶段，让复杂过程像讲故事。一侧内容固定，另一侧随着滚动依次出现不同阶段，让复杂过程像讲故事一样被阅读。
🎬真实场景
产品故事、项目过程、时间线、复杂功能解释、品牌叙事
📮你可以这样说
「为 Punk 的项目详情页设计一个 Sticky Storytelling Section，桌面端左侧 38% 区域保持 Sticky 并展示当前阶段标题和说明，右侧依次滚动展示 Discover、Design、Build 三个内容面板；当前阶段进入视口时更新左侧文字，手机端取消 Sticky 并改为正常纵向排列。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：两侧都做 Sticky 就行。实际只有一侧固定、另一侧滚动才有对照效果，且左侧内容要随滚动更新
🚫什么时候别用
- ✗内容不是分阶段递进时（固定区反而浪费空间）
🧩常见变体
左固定右滚动阶段高亮叙事
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系