滚动效果实例
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)显示