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

2025-03-19 10:34:56

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

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

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

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

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

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

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

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

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

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

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

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

7、最后来看看效果吧~

Axure怎么制作固定组件框内的上下拖动效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢