我们在日常浏览网页的时辰 ， 会发现上面的导航栏一向连结不动 ， 而下面的内容会跟着滚动条的拖动而滑动 ， 这个结果就是所谓的顶部吸附的结果 ， 下面小编就介绍一下Axure原型工作若何建造顶部吸附交互结果 。
需要这些哦
电脑
Axure
方式/
1起首新建一个空白页面 ， 在工作区域拖入本次要利用的元件元素 ， 几个矩形和几个动态面板就可以了 ， 如下图所示 。
文章插图
2然后我们对元件元素的样式进行调整 ， 并对里面的描述文字进行编写 ， 如下图所示 。
文章插图
3这一步需要对两个动态面板的名称进行设置 ， 一个是上面的信息展示 ， 一个是下面的导航信息 ， 如下图所示 。 定名没有要求 ， 想叫什么都可以 。
文章插图
4打开动态面板 ， 将两个矩形复制到动态面板中 ， 如下图所示 。
文章插图
5下面一步需要将两个动态面板的固定到浏览器这一项进行设置 ， 程度要固定到居中位置 ， 垂直要在上 ， 如下图所示 。
文章插图
6元件相关样式及属性设置完当作后 ， 起头对交互事务进行设置 ， 这里需要给页面插手交互事务 ， 起首是第一个判定前提 ， 利用函数判定窗口距离 ， 如下图所示 。
文章插图
7然后设置第一个动态面板移动的绝对位置 ， 如下图所示 。
文章插图
8然后设置第二动态面板埋没 ， 如下图所示 。
文章插图
9同上的体例 ， 做第二个判定前提 ， 并对两个动态面板的交互进行设置 ， 如下图所示 。
文章插图
文章插图
文章插图
10最后一步 ， 因为是窗口滚动的结果 ， 所以需要再拖入一个矩形 ， 并将矩形拉长一些 ， 如许浏览的时辰窗口就有滚动条了 ， 如下图所示 。
推荐阅读
- 丽江婚纱摄影工作室哪家好
- 如何快速合并不同工作表的数据
- DWG文件如何打开
- 越早掌握越好！5个Word技巧解决大部分工作！
- 二 鼠标双击减少你的工作量
- 如何利用cass进行平面坐标转换
- 巴吉度好养吗主要是注意清理工作
- 单证员是做什么的 单证员一般是做什么工作的
- excel被设置只读怎么取消
- 如何快速修改多个工作表