使用Axure创建滚动时顶部菜单固定的页面.rp
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本教程介绍如何利用Axure软件设计一个当用户向下滚动页面时，顶部菜单栏保持固定显示效果的互动网页原型(.rp文件)，适用于网站界面开发与用户体验优化。
用Axure制作页面滚动时菜单固定在顶部的页面：
1. 在Axure工作区中拖入4个矩形，分别为Head、Tab、content和bottom，其中content长一些。
2. 复制tab为tab2，坐标x与tab相同，坐标y为0。将tab2转化为动态模板，并设置为隐藏。
接下来的步骤需要创建相关交互来实现滚动时菜单固定在顶部的效果，请继续：
3. 创建一个页面容器（Page Container），并将Head、Tab、content和bottom拖入其中。
4. 选择“交互”面板，点击添加一个新的鼠标滚轮事件（Mouse Wheel）到page container上。设置当用户向下滚动时，触发条件为：`Scroll Position Y > [Tab的高度]`
5. 在上述条件下，创建一个显示动态面板的行动，并将目标设为tab2。
6. 同样地，在向上滑动的情况下隐藏动态面板（即鼠标滚轮事件中选择向上方向时）。
以上步骤可帮助实现当用户滚动页面时菜单固定在顶部的效果。
全部评论 (0)
还没有任何评论哟~
