”值：[[This.y+this.height/2]]小于等于220；“

且

”值：[[This.y+this.height/2]]大于140；“

动作：

---

1.移动当前组件到达（200，180）；动画：无

2.隐藏当前组件

3.显示当前组件；推动元件：下方

---

用例：Case3

判定条件：

”值：[[This.y+this.height/2]]小于等于300；“

且

”值：[[This.y+this.height/2]]大于220；“

动作：

---

1.移动当前组件到达（200，260）；动画：无

2.隐藏当前组件

3.显示当前组件；推动元件：下方

---

用例：Case4

判定条件：

”值：[[This.y+this.height/2]]大于300；“

动作：

---

1.移动当前组件到达（200，340）；动画：无

2.隐藏当前组件

3.显示当前组件；推动元件：下方

---

仅仅几步简单的设置，就完成了”动态面板：组件1“的交互，其他”组件“的代码直接复制过来即可~

当然，这个仅是快速实现效果的原始案例，下一篇，针对临界点，做优化处理~

觉得不错，对你有帮助的话，请投个票，加个赞哦~