在Axure技术中，APP端的内容滚动效果是一种非常基本的交互。曾经有很多大奶牛分享如何操作。今天是一种更简单的分享方式，我希望对每个人都有用。

两个实现

实施1

要点：使用两个动态面板和两个热区，外部动态面板是移动窗口，嵌入动态面板，所有内容都放在里面（可以很长很长），窗口的顶部和底部它们中的每一个都是一个超小的热区，然后判断页面的底部或顶部是否被鼠标的位置和热区的位置读取。到达后，移动内部动态面板以实现第N个屏幕的内容

实现过程：参考这个链接：http://blog.csdn.net/qwsx789/article/details/46516153（找不到我原来提到的链接，基本上这个方法，有兴趣的可以进去看看）;还有一个更复杂的方法：https://www.zhihu.com/question/20417830（我没试过，看起来很麻烦）

缺点：该方法非常复杂。我可能只达到了70％。有了基本的演示效果，我没有实现这个功能。最大的缺点是修改原型真的很痛苦。关键点进入窗口的动态面板，然后单击进入嵌入式动态面板，然后单击相应的状态并进行修改。 。 。不好了。 。 。

实施2（简单）

方法来源：我之前曾报道过一个起点课程，由BAT大神级别的高级产品经理讲授。 （伟大的上帝使用它，大公司像这样使用它，嗯，我们当然可以使用它。关键是这种方法。很容易**）。

要点：直接使用（Axure8）动态面板的“自动显示滚动条”功能，然后找到可与原型合并的矩形/图片。阻止滚动条，它会没问题。 （我觉得在完成这个之后我就不必写了。这很简单。你已经在吗？）

实施过程：

1.拖动手机框并拖动动态面板;

2.编辑动态面板的state1，并将插件的内容放在里面; （注意宽度）

3.设置动态面板“ldquo;自动显示滚动条”

4.按F5预览效果并找到滚动条;

5.截取手机右边框的屏幕截图，并将其用作图片素材;加宽动态面板，让滚动条区域位于手机屏幕区域的右侧，然后顶部手机右边框的图片覆盖将显示滚动条的部分;/P>

6.按F5预览效果，“ldquo;虚伪真相”真的很简单。

好的，结束了。

作者：如果伊浅泪，一个产品还在进入白色〜

本文最初由@浅若伊泪发表。未经许可，禁止复制

该地图来自Unsplash，基于CC0协议