Axure-固定侧边栏-滚动内容区导航

前言:

我们日常在制作pc端文字类产品的交互,左侧固定目录,点击对应目录右侧内容随之滚动,这种场景使用场景还是比较多的。

临摹:

一、今天我们临摹一下腾讯官网的一部分,先完成静态页面的制作。

二、当我们点击左侧导航时,对应右侧内容随之滚动,注意这里我们左侧导航需要设置为动态面板,如果不设置动态面板,到时候整个页面滚动,左侧导航也会随之滚动,将左侧导航设置为动态面板就能解决该问题。

三、在每个章节前面加入热区。分别命名为对应章节的名称。

四、制作点击侧边栏,滚动内容区域交互。是不是很简单啊。

相关推荐
xy34532 小时前
Axure 9.0 列表框 介绍
ui·axure·原型·产品设计
xy34532 小时前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
汉派日月土申7 天前
【移动元件库】8.时间轴
产品经理·axure
结构化知识课堂10 天前
Axure产品原型设计:AI能画原型了,为什么你还得懂这些术语?
人工智能·axure·原型设计·ai产品经理
xy345314 天前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
结构化知识课堂15 天前
AI产品设计思维:需求分析的新变化(与传统软件的区别)
人工智能·产品经理·axure·需求分析·ai产品经理·数据产品经理
xy34531 个月前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
xy34531 个月前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
xy34532 个月前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
xy34532 个月前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计