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

前言:

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

临摹:

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

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

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

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

相关推荐
xy34535 小时前
Axure9.0中继器-初识篇
产品经理·axure·原型
Chensay.4 天前
Axure RP安装(已汉化)附下载地址
axure·结构设计
招风的黑耳5 天前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳5 天前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳5 天前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
x***r15110 天前
AxureRP-Setup安装步骤详解(附Axure RP原型设计与汉化教程)
ui·axure·photoshop
AC赳赳老秦13 天前
OpenClaw与Axure联动:自动生成原型图组件、批量修改原型样式,提升设计效率
python·web安全·ui·音视频·axure·photoshop·openclaw
秋913 天前
Axure RP Extension for Chrome 安装与配置完全指南:解决本地原型查看限制的深度解析与实践
chrome·axure·photoshop
风兮雨露18 天前
Axure RP 8 安装流程以及视频教程(附绿色版)
axure
陈葛杰24 天前
Axure RP 10.0安装教程(傻瓜版)
windows·开源软件·axure