Figma原型里按钮点击后跳转页面，怎么让导航栏保持不动不重置？

设计师立顺提问于 2026-01-26 12:43:39 阅读 79

工具

我在做电商页面原型时遇到个问题，导航栏和内容区分开放在不同帧里。点击分类按钮想跳转到商品列表页时，导航栏会跟着切换帧重置回初始状态，怎么设置才能让它保持显示？

比如这样布局：




  




  首页内容...



  商品列表内容...

我试过用”过渡到帧”连接按钮和ContentPage2，但跳转后导航栏的按钮样式恢复了，搜索框输入的内容也清空了。是不是应该把导航栏设为全局元素？或者需要在所有帧里重复这个导航栏？这样维护起来会不会很麻烦？

我来解答赞 6 收藏

反馈

2 条解答

设计师红辰 Lv1

把导航栏放到单独的主框架里，用“共享组件”搞定，这样所有页面都继承这个组件，差不多就行。记得勾选“保留状态”，否则每次都会重置。实在不行就嵌套框架，外层固定导航，内层切换内容。

// 如果需要用代码模拟，可以这样

const nav = document.querySelector('#navbar');

nav.classList.add('fixed-top');

不过Figma里直接用组件属性调整更简单。

2026-02-02 10:22

婉琳 Lv1

省事的话，直接把导航栏拖到页面顶部，然后勾选“固定到视口”（Pin to viewport）就行。这样无论怎么切换内容帧，导航栏都不会重置或消失。不用在每个帧里重复放导航栏，确实麻烦得很。

2026-01-29 13:07