Axure树与固定目录（网页长文章浏览）

目录

一、需求

二、树

三、返回

四、固定目录

---

一、需求

在Axure中做一个文章浏览页面，实现以下交互效果：

二、树

这里目录可以用组件“树”来做，双击节点可改名称，右键可以添加子节点或同级节点

只添加大节点是没有前面的展开标识符的，要大节点下面有子节点了才可以展开收起

三、返回

点击节点或者返回顶部按钮就跳转到对应处，需要先在文章对应处放一个组件（这里我用的热区）设置单击时-->滚动到相应元件

目录也按照这样做，为了优化交互效果，可以给树节点设置交互样式，如单击时切换选中状态变成蓝色。而返回顶部按钮则一直保持蓝色，便于和文章区分开

四、固定目录

这一步需要将之前设置好的返回顶部按钮和树转化为动态面板，右键勾选固定到浏览器，根据预览效果调整固定的位置。这里要勾选始终保持顶层，这样顶部按钮可以一直浮在文章上

最终效果如下：