需启用fix position when scrolling并确保导航栏frame位于画布顶层：一、选中导航栏最外层frame，勾选该选项且设顶部约束为0；二、若其被auto layout容器包裹，须拖出至根层级；三、在prototype模式下开启下方内容frame的vertical scrolling并预览验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在使用Figma AI生成导航栏后，发现其在原型预览中无法随页面滚动保持在顶部位置，则很可能是未启用固定定位机制。Figma中实现“始终可见”的导航栏效果，核心依赖于Frame层级的定位约束与交互设置，而非仅靠视觉摆放。以下是解决此问题的具体操作步骤：
一、确认导航栏所在Frame已启用Fix position when scrolling
该选项是Figma中模拟CSS position: fixed行为的关键开关，仅对直接放置在画布顶层（非嵌套在Auto Layout容器内）的Frame生效。若未勾选，即使视觉上置于顶部，滚动时仍会随内容一同位移。
1、在图层面板中，单击选中包含导航栏内容的最外层Frame（确保不是某个Auto Layout父容器内部的子Frame）。
2、在右侧属性检查器中，向下滚动至Constraints（布局约束）区域。
3、找到并勾选Fix position when scrolling复选框。
4、确认该Frame的顶部约束（Top）设为0，水平约束（Horizontal）设为Center或Left/Right以匹配设计需求。
二、检查并解除Auto Layout对导航栏Frame的包裹
Auto Layout容器本身不支持子元素启用Fix position when scrolling，一旦导航栏被嵌套在Auto Layout Frame内，该选项将置灰不可用。必须将其提升至画布直系子级，才能激活固定定位功能。
1、在图层面板中，逐层向上查找导航栏Frame的父级容器。
2、若发现其父级为带有Auto Layout标识的Frame（右上角有蓝色图标或属性面板显示Layout），则需将其拖出该容器，直接放置于画布根层级。
3、拖出后，重新选中该导航栏Frame，验证Fix position when scrolling是否变为可勾选状态。
4、如原布局依赖Auto Layout结构，可复制导航栏内容新建独立Frame，再手动重建约束关系，避免继承父级布局限制。
三、验证原型预览中的滚动行为是否正确
Figma的固定定位仅在Prototype模式下生效，且需配合垂直滚动交互触发。若仅在Design模式查看，无法体现滚动时的锚定效果，必须通过预览流程验证实际行为。
1、点击右上角Prototype标签页，切换至原型视图。
2、选中承载主要内容（如文章列表、卡片组）的下方Frame，在右侧交互设置中，开启Vertical scrolling开关。
3、确保该可滚动Frame与导航栏Frame同属一个画布（Canvas），且二者无父子嵌套关系。
4、点击右上角播放按钮（▶）进入预览，用鼠标滚轮或触控板向下滚动，观察导航栏是否稳定停留在视口顶部不动。
