Question

Axure如何制作锚点滚动效果？

Answer 1

锚点滚动，根据鼠标的点击，页面滚动到预设的位置。在Axure里，想要制作锚点滚动，应该怎么做呢？下面就来简单的教一教大家怎么操作~如果此时你心里众多疑惑：Axure去哪学？怎么学？学多久？那不妨学习体验的Axure自学视频课！资深讲师授课，从基础的Axure软件功能到原型绘制到交互案例，综合全面的带你入门Axure产品原型设计！~

Axure制作锚点滚动效果教程：

一、准备工作侧边栏：拖出一个较窄深色的长方形矩形。拖出四个相同大小，同色的小矩形，命名为“paragraph1”等，覆盖在大矩形上。

主页面：拖出一个较宽的浅色长方形矩形，并在上面设计好每段落的内容。

Tip：特别注意，主页面最后一段下方要留够空间，不然paragraph4很难实现滚动，变成下面这样：

准备工作完成以后，就进入正式的设计阶段了。

二、为元件设计交互-单击时滚到到元件选择左侧导航栏中的任一元件，点击Axure9右侧交互按钮，选择在单击时滚动到元件的交互。

设置动作里的目标为主页里对应名称的元件，即左侧paragraph1对应主页paragraph1。

方向选择垂直，动画选择线性，这样会呈现一个流畅的画面。

其他几个左侧导航栏按钮类似。

三、设置动态面板-固定到浏览器经过上面的步骤以后，我们点击侧边栏中的元件，可以实现画面的滚动。但是由于侧边栏没有固定，给我们添加了操作上面的难度。

利用动态面板-固定到浏览器这个功能，可以完美解决这个问题。

我们首先选中侧边栏中四个元件，然后右击选择转换为动态面板。

点击该动态面板，在右侧的样式中选择固定到浏览器，在水平固定中选择左侧，垂直固定中选择顶部。勾选始终保持顶层。

完成这些步骤以后，这个效果就完成了。最终效果如下：

以上即是关于“Axure如何制作锚点滚动效果？”的全部精彩内容分享了，希望能够帮助到你！学习更多Axure原型技巧，不妨阅读更多Axure相关文章学习？很多小伙伴还在犹豫怎么学Axure，但其实只要你选择的Axure视频课学习体验，相信就能够给予你答案！好东西不错过，来，专业学习Axure原型设计~