当页面向下滚动时，导航顶部吸附效果对网页端和移动端都有影响。
页面顶部是宣传图片，图片底部是导航菜单。 当浏览器窗口的滚动条被下拉或者鼠标滚轮向下滚动时（移动端手指向上滑动屏幕），一旦浏览器窗口的上边缘超出导航菜单的位置，导航菜单开始固定在浏览器的顶部边缘，不再向上移动页面。 （图1）
效果动画：
（图1）
说到这个效果，我想有人问：Axure有必要学习函数吗？ 有必要弄得这么复杂吗？
所以，在看下面的内容之前，先想一想。 如何达到这样的效果呢？
———————————我是风骚的分割线———————————————
回答上面的问题：这种效果只有通过函数才能简洁正确地实现。
分析一下这个效果的过程：
1、交互什么时候触发？
答：当浏览器窗口滚动时。
2、有几种情况？
答：有两种情况，一种是超过规定距离，另一种是没有超过规定距离。
3、需要判断什么？
答：需要确定浏览器窗口的滚动距离。
4、如何获取浏览器窗口的滚动距离？
答：通过函数“.”。
好了，分析完毕，下面是实现过程。
1、先准备好部件。 （图2）
（图2）
2.添加互动。
（图3）
（图4）
（图5）
（图6）
以上就是实现导航菜单顶部吸附效果的分析和过程。 不难发现，使用函数并不复杂，关键是要知道函数的用途和用法。
因此，原型中使用函数的目的是为了解决问题，提高效率。 不要为了使用而使用，也不要因为偏见而放弃使用。
源文件下载链接：
