新增:智能动画 — 为您的原型带来动感。 了解更多

跳过导航

使用点击后保持滚动位置

最后更新于 2024 年 5 月 7 日
阅读时间 1 分钟

点击后保持滚动位置可以防止您的原型在您浏览时默认回到屏幕顶部。

保持滚动位置

观看课程

当您从一个可滚动画板创建一个链接到另一个画板时,可滚动画板的位置通常会在您播放原型时返回到顶部(起始位置)。虽然这种类型的导航适用于许多情况(例如在移动应用中切换选项卡),但有时您可能更愿意保持滚动位置,例如当您想要在滚动内容顶部显示一个模态框或覆盖层时。

根据您的原型,您也可以尝试创建 覆盖层 或设置自定义 图层可见性,这可以比保持滚动位置为您提供更多控制。

当点击后保持滚动位置选项关闭时,点击链接打开覆盖层会导致画板滚动回顶部

要使可滚动画板在您点击原型链接时保持在当前位置,请选中您正在使用的链接,并在检查器中的 **原型** 选项卡中启用 **点击后保持滚动位置** 选项。

An image showing how to enable the Maintain scroll position after click option

如何启用点击后保持滚动位置选项

启用此选项后,当您播放原型时,滚动内容会在您点击链接并在画板之间进行过渡时保持在相同的位置。这使您可以创建更逼真且不会中断原型流程的覆盖层效果。

启用点击后保持滚动位置选项后,此覆盖层将原位出现,不会影响其后面内容的滚动位置