手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure怎么制作固定组件框内的上下拖动效果

时间:2024-10-12 04:34:45

1、首先,准备需要滚动的内容,并右键转化为动态面板。这里小编以一张图+文本介绍的形式演示。

Axure怎么制作固定组件框内的上下拖动效果

2、调整动态面板长度,调整为需要初始可见的高度。

Axure怎么制作固定组件框内的上下拖动效果

3、双击进入动态面板,全选,再次右键转化为动态面板,并设置标题为1

Axure怎么制作固定组件框内的上下拖动效果

4、记驽怛判涮住设置标题的动态面板高度,并关闭动态面板,设置最外层(即调整过高度的面板)交互。小编这里内部高度为603

Axure怎么制作固定组件框内的上下拖动效果

5、选择最外层动态面板,交互-->新建交互-->拖动时-->移动-->选择命名为1的动态面板

Axure怎么制作固定组件框内的上下拖动效果
Axure怎么制作固定组件框内的上下拖动效果
Axure怎么制作固定组件框内的上下拖动效果

6、移动选择:跟随垂直移动;添加两个边界:1)顶部 ≥ 外部面板高度 - 内部面板高度,计算结果为负。(小编为 208 - 603)2)底部 ≤ 内部面板高度(小编为603)完成交互的创建。

Axure怎么制作固定组件框内的上下拖动效果

7、最后来看看效果吧~

Axure怎么制作固定组件框内的上下拖动效果
© 手抄报圈