您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure9 教程:锚点滚动效果

发布人:www.yunke.ai 发布时间:2021-01-01 142 次浏览

编辑导语:锚点滚动是常见的效果,常与导航结合使用。那么,你知道如何利用Axure9来实现锚点滚动效果吗?本篇文章里,作者以左侧固定导航结合热区为例,讲解了如何使用Axure来实现锚点滚动的方法,一起来看一下。

锚点滚动效果即点击锚点,页面滚动到指定的位置的效果,经常与导航结合起来运用。锚点滚动在Axure中有多种实现方式,本案例以左侧固定导航结合热区来讲讲如何实现此效果。

一、交互效果说明 

  1. 点击左侧菜单选项,页面滚动至右侧对应内容板块。
  2. 页面滚动时,左侧导航菜单固定,右侧内容滚动,滚动到每个内容板块时选中左侧对应菜单选项。

效果预览:

原型预览地址:https://4f7okf.axshare.com

二、元件准备 

所需要的内容主要有三个部分:顶部导航栏/左侧菜单栏/右侧滚动内容区。