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

前言:

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

临摹:

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

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

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

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

相关推荐
spencer_tseng9 天前
UI 2026.04.12
axure
梓贤Vigo11 天前
【Axure原型分享】动态更换颜色
axure
colin521014 天前
AxureRP9实例-上传附件教程,并且美化上传元件SL090002
axure·上传附件
Three~stone17 天前
Axure RP 9.0 是干啥?附安装教程和安装包
axure
梓贤Vigo19 天前
【Axure教程】字母定位选择器
交互·产品经理·axure·原型·中继器
梓贤Vigo21 天前
【Axure原型分享】能上下拖动和滚动查看内容的中继器表格
交互·产品经理·axure·原型·中继器
xy345321 天前
Axure 9.0 原生组件:让折线图实现动态交互(文本标签)
ui·交互·axure·原型·折线图
xy345322 天前
Axure 9.0 原生组件:绘制折线图
ui·信息可视化·交互·axure·原型·折线图
xy345325 天前
Axure 9.0 原生组件:让柱图实现动态交互(文本标签)
ui·交互·axure·原型·柱状图
梓贤Vigo1 个月前
【Axure视频教程】拖动和滚动效果
交互·产品经理·axure·原型·教程