1. 在一个页面创建3个元件
头部菜单 (矩形) 命名【top】
内容(动态面板 ) 例:w:200 h:350 命名【内容】
底部菜单 (矩形) 命名【tab】

2. 在“内容”动态面板中在添加动态面板“底层面板”
里面为具体内容,大小与实际内容大小相同 (例: w:200 h:800)

3. 添加交互事件
3.1 拖动时事件
选中“内容”动态面板——>交互选择【拖动时】

底层面板添加【移动】动作,移动方式选择【垂直移动】

3.2 拖动结束时事件
选中“内容”动态面板——>交互选择【拖动时】

添加条件1(上划不过顶部菜单)

滑动效果

添加条件2(触碰顶部菜单且不出底部菜单)

滑动效果 注意:-450为 -(“底层面板”高度 - “内容”高度)

滑动效果完成~ 快去测试吧

网友评论