Axure怎么制作页面滚动时菜单固定在顶部的页面？
我要评论Axure可以制作出保真度相当高的原型，除了页面布局、UI以外，其强大的交互设计能力让这些本来静止的元素高效交互起来，形成以假乱真的高保真原型。本文介绍如何做一个在滚动中将菜单固定在顶部的页面，属于中级Axure案例。本文旨在展示交互效果，不对页面具体内容和UI进行设计。
1、制作页面
为了体现效果，我们需要做一个比较长（高）的页面，在Axure工作区中拖入4个矩形，分别为顶部标题、菜单、页面内容、底部。设置矩形宽度和高度，让其看起来像是一个页面布局。
2、制作随页面滚动的标题
为了让效果更加明显，我们将标题进行区别设置，设置矩形背景色为黄色，你也可以通过设置其他属性来进行区别。将标题命名为“标题1”。
3、制作固定的标题
滚动中固定在顶部的标题并非页面上的标题，是单独制作的。复制“标题1”，将复制的标题命名为“标题2”，设置“标题2”x坐标等于“标题1”的x坐标，y坐标等于0。修改“标题2”背景色为蓝色。
4、制作固定的标题
右键单击“标题2”，点击“转换为动态面板”，将动态面板命名为“固定菜单”，在元件属性与样式中点击“固定到浏览器”勾选“固定到浏览器窗口”，完成后隐藏动态面板。
5、制作固定锚点
在工作区中拖入一个动态面板，设置其x和y坐标等于0，调整其宽度和高度分别为60和20，将动态面板命名为“固定锚点”，设置其固定到浏览器。
6、制作滚动锚点
在工作区中拖入一个热区，设置其x坐标等于0，y坐标等于“菜单1”的y坐标加上固定锚点的高度，设置其宽度等于固定锚点的宽度，高度直接拖动到页面底部，命名为“滚动锚点”。
7、设置交互
打开页面交互面板，双击“窗口滚动时”事件，添加条件“元件范围 滚动锚点 接触到 元件范围 固定锚点”，确定，设置动作为“显示 固定菜单”。
8、设置交互
继续在“窗口滚动时”事件上添加动作，添加条件“元件范围 滚动锚点 未接触 元件范围 固定锚点”，确定，设置动作为“隐藏 固定菜单”。
9、预览效果
至此，所有设置均已完成，按F5进行预览吧。
相关文章
已删除的zip压缩文件如何恢复? 恢复已删除ZIP文件的多种方法
不小心删掉了一些重要的.zip/.rar文件，而且已经清空了回收站还能恢复吗？下面我们就来看看找回彻底删除zip压缩文件的技巧2024-09-30
PrintMyFonts怎么使用?PrintMyFonts字体打印工具使用图文教程
PrintMyFonts是一款字体管理工具，那么PrintMyFonts怎么使用呢?本文就为带带来了PrintMyFonts字体打印工具使用图文教程，一起看看吧2024-09-29
Passper for Excel怎么使用?Passper for Excel使用教程与常见问题解决
忘记Excel密码是很多人的常态，为你推荐Passper for Excel，它是款效果不错的Excel密码解除工具，提供多种解密方式，同时还提供了文档修复、无法复制工作表、无法打印工作2024-09-26
当您想要远程连接到另一台设备时，通常会发生身份验证错误，并显示“出现身份验证错误 要求的函数不受支持”的弹出窗口，下面我们就来看看这个问题的解决办法2024-09-24
滴答清单怎么添加任务？有的小伙伴可能是刚开始接触滴答清单软件，所以不知道该怎么在滴答清单中创建新的任务，其实很简单，下文中为大家带来了滴答清单添加每日任务的方法2024-09-05
steam桌面游戏图标变成白色怎么办? steam游戏图标变空白解决办法
不知道是什么原因，桌面所有的游戏图标都变成白色了，那想变回正常的图标该怎么办呢？下面我们就来看看详细的解决办法2024-08-03
NirCmd是一款命令行使用小工具，通过它可以完成很多实用的任务，而不用显示任何用户界面2024-07-30- NirCmd 是一款由 Nir Sofer 开发的免费命令行工具，它允许用户通过简单的命令行选项执行各种任务，而无需打开任何图形用户界面,这款工具的功能覆盖了从系统设置调整到文件2024-07-30
滴答清单如何设置提醒？滴答清单是一款便捷的任务管理应用，用户可以轻松创建任务和笔记，并设置提醒以防遗忘,在创建任务后，点击“设置提醒”，选择日期和时间，最后确认2024-06-27
雷电云手机如何转移设？雷电云手机支持设备间的内容同步，方便用户在不同设备上查看同步信息,若需转移设备，只需在原设备上找到转移选项，按提示操作即可,以下是具体步骤介2024-06-26
最新评论