axure怎么添加滚动条

axure添加滚动条步骤如下：

1、第一步，新建一个“垂直线”，命名为“滚动条”，这里设置为“隐藏”状态；“动态面板”命名为“框架”；“动态面板”的state1内容组合下，命名为"内容"。

2、第二步，设置“滚动条”的“载入时”的交互动作：设置“滚动条”的大小。

3、第三步，设置“元件：框架”为局部变量LVAR1；设置“元件：内容”为局部变量LVAR2；所以“滚动条”的高为[[LVAR1.height*LVAR1.height/LVAR2.height]]；设置“滚动条”的宽为3。

4、第四步，设置“框架”的“滚动时”的交互动作。

5、第五步，动作1：显示“滚动条”，动画：逐渐，时间：200毫秒。

6、第六步，动作2：移动“滚动条”，到达指定位置，动画：线性，时间：200毫秒。

7、第七步，设置“元件：滚动条”为局部变量LVAR1；所以X的值为[[LVAR1.x]]；

8、第八步，设置“元件：框架”为局部变量LVAR1；设置“元件：内容”为局部变量LVAR2；所以Y的值为[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]]；滚动的时候，显示滚动条；页面内容滚动式，滚动条随着下移；鼠标移出后，滚动条逐渐消失。

这样就设置好了滚动条。

本文章主要是为需要的人提供教程以及为自我学习的一种复盘方式。

1.从元件库中拖入一个手机模板。

2.在导航栏和标签栏之间拖入一个动态面板，并将面板名称命名为：外层动态面板。

3.双击 【外层动态面板】，将state1改为：state1-外层动态面板，并双击进入  state1-外层动态面板里面

4.在【 state1外层动态面板】里，拖入一个动态面板，并命名为：内层动态面板。 内层动态面板的长度为所要展示的内容的长度。

5.同理，双击【内层动态面板】后，将state1命名为：state1-内层动态面板，并双击进入【state1-内层动态面板】里面。并拖入自己要展示的内容

6.返回至主页面，单击【外层动态面板】，给它添加“拖动时”用例

7.双击“拖动时”后，点击“移动”，要移动的元件选择【内层动态面板】，移动选为：垂直移动

8.点击“添加边界”，添加2个边界：（1）顶部<=0（2）顶部>=0。当顶部>=0时，需要为其添加函数，点击>=0时的 fx

9.设置变量，点击“添加局部变量”，panel1=元件 外层动态面板；panel2=元件 内层动态面板。panel1，panel2可按自己喜好命名

10.设置函数,设置函数为：[[panel1.height-panel2.height]]  。设置完成后，按f5预览，如果不能实现效果，请务必检查每一个变量名和函数（特别易错，我错了三次）。

注：本教程参考： 阿阿小兰兰  发布的（Axure之上下滑动屏幕实现，原文网址 https://www.jianshu.com/p/dd44f5229c32 。ps：阿阿小兰兰写得特别清楚，从她的教程中本人受益良多）

把表格数据放在动态面板中，那么，动态面板显示你想要的大小。在动态面板的状态中你的表格数据超出范围没有关系，右键动态面板，有显示垂直和水平滚动条的选项，然后生成预览，就可以了，完全手打啊，希望可以帮助到你！

---