Question

Axure顶部导航跟随页面滚动的原型怎么做？

Answer 1

很多网站都有自己的一个网页滚动形式，而今天我们要为大家讲解到的是顶部导航跟随页面滚动一个形式！大家应该见过，但是使用Axure制作可能就没有！所以不要走开，跟着下面的教程学习操作Axure制作顶部导航跟随页面滚动！零基础小白想要自学Axure做产品原型，那么专业教学就可以事半功倍！选择的Axure自学视频课，就能够在最短的时间获取到最全面的Axure知识~感兴趣就就进~

Axure顶部导航跟随页面滚动的原型制作方法：

1.添加导航与页面按平时制作导航与页面的方式制定，无需设置任何交互效果，但为了看到页面效果，页面建议添加长页面，才可出现滚动。

2.添加滚动图标添加滚动图标，并设置为隐藏。

针对图标做交互操作，设置为摇摆，时间为500。

3.添加热区添加一个热区，并放置与菜单同坐标值位置。

4、页面窗口滚动交互在页面添加窗口滚动交互，添加用例

添加用例一，移动导航，设置为绝对位置，x值为[[Target.x]]，y值为[[Window.scrollY]]。

添加用例二，添加条件，设置值>10，显示滚动图标，动画逐渐500s。

设置用例三，设置滚动图标隐藏，动画逐渐500s。

最终效果：

以上就是关于“Axure顶部导航跟随页面滚动的原型怎么做？”的全部内容分享了，希望能够帮助到你~更多Axure技巧学习，尽在！Axure相关文章、Axure相关问答、Axure专业自学视频课都是你学习提升的好帮手~想要快速有效的学习掌握Axure，那么Axure视频课就真的千万不要错过了！专业讲师、全面知识点、从0到1逐渐掌握~下面为各位小伙伴推荐几套Axure相对热门的基础课：