0岁的产品经理产品经理

Axure 列表滚动/滑动功能的实现

2017-09-21  本文已影响0人  Hellvensing

依靠组件
动态面板 Dynatic Panel

实现原理
动态面板可以开启滚动模式,右键动态面板->ScrollsBars->Show Vertical ScrollsBars as Needed

动态面板可以遮挡住State中超过面板的内容


正文

  1. 创建一个动态面板,命名为外层面板,用来遮挡内层面板显示出来的滚动条


    外层面板.png
  2. 在外层面板的State1中创建第二个动态面板,命名为内层面板,在内层面板上右键选择开启滚动功能,注意滚动条需要超过外层面板的范围以达到遮挡的效果


    内层面板.png
  3. 为内层面板填充测试内容,注意一点是内容不要超过外层面板的范围


    内层面板内容.png
  4. 预览结果


    结果测试.gif

至此,列表滚动/滑动功能已经实现

文章来源:一个认真的产品经理社区

上一篇下一篇

猜你喜欢

热点阅读