如何利用Axure做出页面下拉时顶部导航浮动并切换的交互效果？本文将分别讲述移动端和PC端应该如何做。
　　通常在一些大型的电商网站常见，首页内容下滑时，超过顶部导航高度时，顶部导航随着下滑固定在浏览器顶部，并在样式上有变化。
　　如下两图：
　　下滑前图例
　　下滑后图例
　　如何利用Axure做出这样的交互效果？本文将详细讲述移动端和PC端应该如何做。
　　（PC端交互效果）
　　拉取一个动态面板，命名“顶部导航”，宽度1300PX，高度40PX；
　　设置属性，100浏览器宽度，背景颜色为灰色，并且固定至浏览器窗口，居中0。垂直固定上0
　　隐藏该动态面板：
　　点击该动态面板，在面板里面设置搜索框样式；
　　返回首页，设置条件：
　　窗口滚动时，滚动值150px时，显示“顶部导航”；
　　滚动值150px时，隐藏“顶部导航”；
　　设置完成，刷新预览，当页面下拉150px时，可看到顶部导航随页面下拉固定至浏览器顶部且样式变化，页面下拉小于150px时，隐藏“顶部导航”显示原导航；
　　移动端交互效果
　　移动端下拉时和PC稍有不同：
　　滑动前，注意【价格销量品牌】标签；
　　滑动后，banner图片随内容下滑而被遮挡，【价格销量品牌】标签固定在导航栏下面；
　　如何实现呢？
　　需调用动态面板的专用函数scrollY；
　　将banner图，【价格销量品牌】标签，以及下面的商品列表右键转为动态面板，命名为“内容”，正常全部高度要大于667
　　设置“内容”动态面板的滚动条为自动显示垂直滚动条；
　　将内容动态面板高度缩为正常667PX高度；
　　进入“内容”动态面板，将【价格销量品牌】标签右键转为动态面板，命名为“顶部导航”；
　　回到“内容”动态面板，添加用例，当滚动时，如果“内容”动态面板的距离大于banner图的高度，则移动“顶部导航”至（0。〔〔This。scrollY〕〕），如果“内容”动态面板的滚动的距离小于banner高度，则“顶部导航”回到（0。110）110为“顶部导航”案例中原位置坐标。
　　设置完成，刷新预览，当页面下拉106px时，可看到顶部导航随页面下拉固定至导航栏下面，页面下拉小于106px时，“顶部导航”回到原位置。

AxureRP9教程：记录你的能力值本案例制作一个可拖动的条形进度条，同时可以显示当前位置的百分比。一起来看看实现效果：自由拖动进度条记录当前进度条的百分比顺便记录下你的颜值实现逻辑……Axure：图片切换放大、缩小效果展示（下）这篇是对上一篇文章《Axure：图片切换放大、缩小效果展示》的两点改进，改进一，优化事件写法，提高制作效率；改进二，自动播放效果。先看下完成的效果：step1：效率……Axure：图片切换放大、缩小效果展示下面分享一个常见的图片切换效果（放大缩小的感觉），要学会该效果，需掌握两个知识点：改变组件尺寸和移动组件位置。先看下完成的效果：step1：基础知识点掌握1。……AxureRP9教程：环形进度条环形进度条的制作需要克服两个点：第一，如何用Axure自带的素材画出进度条，第二，如何使用交互实现进度条读取的效果。本案例将使用AxureRP9示范制作进度条的方法。实现……Axure制作页面下拉时，顶部导航浮动并切换的交互效果如何利用Axure做出页面下拉时顶部导航浮动并切换的交互效果？本文将分别讲述移动端和PC端应该如何做。通常在一些大型的电商网站常见，首页内容下滑时，超过顶部导航高度时，顶……用Axure做出手风琴式联动交互效果联动效果是一种较为常见的交互效果，本文将利用另外一种思路来教大家设计联动交互效果。联动效果很常见，例如填写地址时，选择某省份，会自动出现本省份的市县，选择某户主信息，会自……Axure制作网页回到顶部的交互效果网站页面内容过多，需要下拉滑动，但又想快速回到顶部，右下角会出现回到顶部的按钮或图标，点击该图标，浏览器会快速切换到页面顶部，这个交互效果该如何实现呢？常见的回到顶部场景……AxureRP9教程：模拟拨号键盘文章主要讲解如何利用AxureRP9来模拟拨号键盘，一起来看看效果如下：效果描述：按下数字按钮，输入对应的数字，按下退回按钮删除上一步的数字。当有数字时，显示添加号……Axure版跳一跳如何制作？下班前看到一个群友发了一张“跳一跳”的动效图，觉得挺好玩的，就随手也做了“Axure版跳一跳”。以下是原理分析、实现步骤。演示地址：Axure版跳一跳实现效果：……用Axure设计60S倒计时很多互联网平台，采用手机号注册时，都要获取验证码，如何在原型中做到点击获取验证码按钮，上面会和真实注册一样，出现倒计时？倒计时60S结束后，文案又恢复为获取验证码？如下图……如何用AXURE做出密码可见隐藏的交互效果？如何用AXURE做出密码可见隐藏的交互效果？本文将用实例为大家作出解答。很多时候，我们发现一些网站的登录页面，密码输入框栏目右侧，有一只可点击的眼睛开关，或者是滑动开关，……如何在Axure原型中嵌套百度地图？如何在Axure原型中嵌套百度地图？一起来文中看看首先我们要准备好页面的元件，从元件库中拉出内联框架。我们先给内联框架一些基本配置：然后，打开百度地图开放平台……