如何实现页面上下滑动效果-Axure基础教程

1、首先打开Axure,新建页面，找一个手机壳素材。注意，手机壳素材不要用图片，可以找一个图片，然后将其裁剪成上下左右四部分。如图所示：

3、调整动态面板位置。动态面板要放到手机壳的下方，这样才能做出真实的效果，如图，调整图层顺序。

5、添加页面元素，一直向下排列即可。按照显示顺序将你做好的页面内容依次排列到面板中，注意左右不要超出范围，下面没有边界，可以一直向下排放。切记，不要调整蓝色区域的大小。

7、回到主页面，你会看到页面右侧多出一个滚动条，没有关系，选择动态面板，调整大小，是滚动条刚好被手机壳边缘盖住即可。如果你的手机壳无法盖住，可以向右扩展动态面板，然后用矩形工具将滚动条盖住即可。