Figma

滚动效果实例

1、要实现基本滚动效果，我们首先需要准备一个做好的长页面
2、接下来，选中这个Frame，右侧属性检查器切换到Prototype面板，将Overflow Behavior面板切换到Vertical scrolling选项。
3、

鼠标悬停显示菜单

1、点击组件，点击prototype
2、在interactions添加加号，选择while hovering-open overlay-悬停组件（open overlay为弹窗、manual为自定义位置）
3、扩展：while pressing 按下效果设置
4、设置点击显示弹框，点击框外消失，on click-open overlay-manual-close when clicking outside
5、设置悬浮显示，鼠标离开框消失，mouse enter-open overlay，点击框建立prototype，拉到close overlay（mouse leave）
6、悬停显示设置距离会断层，解决方法：再多套一层框设置为透明颜色

插件下载(install)显示