Axure高保真教程：顶部吸附选单

参考资料：顶端附着示例是种系统里面常不见的示例，这种示例一般是在主页里面的某一个后方，然后在倒转的全过程里面一旦它要从萤幕里面消失了就直接附着在主页的顶端，这样可以慢速导航示例下的章节。本文所写用Axure分享了如何制作公司顶端附着示例，一起来看看吧。

一、制作公司已完已成后应具备都有敏感度

当主页倒转到示例顶部时，示例附着到主页的顶端 点击某个示例章节时，可以慢速倒转到并不相同的模块 当主页倒转到示例上方时，示例恢复到原来的后方。

原型定址：#g=1

二、制作公司材料准备 1. 示例栏

示例之里面包括：图标、脚注、搜索框、示例脚注、搜索框、背景方形

之里面最重要的就是示例的脚注，我们们用多个脚注标记制作公司均可，填上具体示例文字均可。当然你们也可以设为单选组，设为看里面外形上，在按键双击时通过看里面也就是说电容器的交互，制作公司看里面吸水的下敏感度。

其他的电容器可以根据你们具体无需来增删，外形上可以参考下图。

2. 顶端主页章节

在示例上方置于无需展示的章节，一般都是广告、介绍或者推展章节，也是根据具体状况添加均可。

3. 示例顶部章节

示例顶部的章节也是根据无需展示的章节来置于，不过顺序某种程度按照示例的顺序放于，放于后每个模块最顶端的后方命个名，便捷紧接著来作交互，情形里面为了便捷就名为为123456……分别并不相同示例1、示例2、示例3……

4. 外推示例

复制第一部份作好的示例，转为动态面板，按键右键可以必需单独在浏览器，单独在顶端为0的后方，默认隐蔽。这一步说是可以在我们写完示例之里面的交互再复制，这样就可以少写一次交互。

三、交互制作公司 1. 示例章节按键双击时交互

按键双击某个示例章节的脚注标记时，我们用倒转到电容器的交互，设为主页到达并不相同的后方，例如，点击第一个示例，就倒转章节1,后面我们在章节1的顶端电容器将英文名称修改为1。相同的示例2、3、4、5、6也是用倒转到电容器的交互，设为到章节2、3、4、5、6附近均可。这个交互里我们必需垂直倒转，也可以上升动画敏感度即倒转时间。

外推示例之里面的交互也是一样的，所以我们可以在写完这个交互之后再复制一个制作公司已成外推示例。

2. 窗口倒转时交互

窗口倒转时，我们要分两种状况，第一种就是窗口倒转到示例的顶部，这里我们无需用到window.scrollY参数，这个参数可以获取窗口在垂直方向上倒转的西南方，都是一个是示例的y最大值。

那如果window.scrollY大于示例的y最大值，这说明主页早已倒转到示例的后方或者超过示例的后方。所以我们就用显示暴力事件，将外推示例显示出来。因为后面外推示例单独在主页顶端，所以他就亦会一直依然在顶端的后方。

如果后面的状况不创立，window.scrollY小于示例的y最大值，即主页还没有倒转到示例的后方，那么我们就用隐蔽的交互，将外推示例隐蔽起来均可。

这样我们就已完已成了顶端附着示例的原型模板了，感兴趣的许多学生可以动手试试，谢谢您的朗读，我们下期不见，88~

本文由 @AI产品人 原创释出于人人都是产品经理。全面禁止，全面禁止转载

题图来自Unsplash，基于CC0协议

北京治白癜风哪家医院好
天津哪家医院做人流好
泰州白癜风哪家医院最好