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

前言:

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

临摹:

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

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

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

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

相关推荐
陈葛杰3 天前
Axure RP 10.0安装教程(傻瓜版)
windows·开源软件·axure
Lucifer__hell15 天前
【测试】Axure原型的AI测试用例生成方案
人工智能·测试用例·axure
梓贤Vigo19 天前
【Axure原型分享】拖拉拽动态调整页面布局-动态面板
交互·产品经理·axure·原型
梓贤Vigo20 天前
【Axure视频教程】中继器表格自适应行高
交互·产品经理·axure·原型·教程
spencer_tseng1 个月前
UI 2026.04.12
axure
梓贤Vigo1 个月前
【Axure原型分享】动态更换颜色
axure
colin52101 个月前
AxureRP9实例-上传附件教程,并且美化上传元件SL090002
axure·上传附件
Three~stone1 个月前
Axure RP 9.0 是干啥?附安装教程和安装包
axure
梓贤Vigo1 个月前
【Axure教程】字母定位选择器
交互·产品经理·axure·原型·中继器
梓贤Vigo1 个月前
【Axure原型分享】能上下拖动和滚动查看内容的中继器表格
交互·产品经理·axure·原型·中继器