Axure教程：以微信为例，模拟内容的滚动浏览并触底反弹效果

无论是APP还是网站，垂直上下或者水平左右浏览都是很常见的。况且，大家一定都注意到了一个情况和现象：当内容浏览到底部时，如果继续下拉页面，会触底反弹，顶部也是如此。今天我们以微信聊天记录为例，来探讨一下这种浏览方式的实现。

效果图奉上

原理：面板沿轴移动浏览。当面板拖动完成时，如果面板离开挡板，它将移动(弹回)到适当的位置。

设计步骤

1、设计好基本元件

2、编辑面板中的内容

3、将内容转换为动态面板

4、创建档板

5、设置浏览区域面板的交互，从何实现内容面板的滚动浏览

6、设置浏览区域面板的交互，从何实现内容面板的触顶反弹

7、设置浏览区域面板的交互，从何实现内容面板的触底反弹

8、到这，已经全部设置好了，点击预览看看效果吧。

你成功了吗？哈哈，恭喜你，你比以前好了一点。