axure教程

Axure9 教程:锚点滚动效果

发布日期:2021-07-22 03:31   来源:未知   

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

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

  拖入所有元件,设置好元件样式,选中所有元件右键【转化为动态面板】,【填充颜色】,勾选【100% 宽度】,点击【固定在浏览器窗口】,水平固定【左侧】,垂直固定【顶部】。2017-2022年中国屏蔽复合材料制造行业投资前景分...

  左侧菜单栏拖入 6 个【文本标签】以及一个【矩形元件】,给文本标签做好命名并分别设置内容。

  同样选中这部分所有元件右键【转化为动态面板】,【设置坐标为(20www.xgyo.com.cn,100)】,点击【固定在浏览器窗口】,水平固定【左侧】,垂直固定【顶部】。

  设置 6 个板块内容,内容可自定义,分别进行分组及命名,和左侧的菜单保持一致。

  1)双击左侧菜单栏进入动态面板,分别选中文本标签,点击右键,选择【交互样式】,添加【鼠标悬停】和【选中】时的交互效果,这里设置的是字体颜色效果。

  热区:是一个透明的元件,在原型中不可见的特性使得其可以覆盖在任意元件上添加交互效果而不影响原型的美观度。这里使用热区是防止滚动时被顶部导航遮盖住一部分内容,使滚动区域可以到达我们想要的位置。

  2. 第二步:制作右侧内容滚动,滚动到每个内容板块时,选中左侧对应菜单选项效果