带有伸缩功能的侧边垂直导航栏

演示图片

备注:已经有了一些更新改正,把之前的凝滞感去除,应该是设置了时滞的问题。

很简单的一个侧边带有动态效果的可伸缩导航栏,希望大家喜欢。

注意:举个例子,项目1.1显示或隐藏时,项目二整体的移动距离和项目一带有几个子栏目有关,如果带有1个子栏目的话,就需要把移动距离,改为1倍的子栏目元件的高度。我在这个元件里,子栏目的高度设置为39,所以对于项目一来说,它有3个子栏目,所以项目二和项目三小元件需要相对移动的位置就是+117。

4 条评论 发表评论

发表评论

以下作品你可能也喜欢:
QQ图片20190701161502
推荐

作品名称:集在线商城、本地团购、外卖预定、上门服务等功能于一体的多门店管理O2O系统 作品类型:O2O商家后台原型 软件版本:Axure 8.0 页面数量:76个交互页面  

售价:¥ 129.00 销量: 11 3213
物业
推荐

app主要包括:线上物业缴费、绿植、家政、智能家居、及时送、社区周边等主要模块内容。

售价:¥ 39.00 销量: 43 2707
玖果视频720x360
推荐

玖果视频APP是一个游戏领域技能服务平台。 预览地址:http://ckgei5.axshare.cn 原型亮点: 1.页面完善且全面的一整套高保真设计原型; 2.页面跳转逻辑全面; 3.APP包含首页、赛事竞猜、视频、话题社区、直播等功能…

售价:¥ 14.90 销量: 51 2226
封面最终尺寸
推荐

软件版本:Axure8.0、Axure9.0 出版:学海工作室 作品介绍: 组成部分:多个矩形,矢量图,水波纹涟漪效果可循环运动,逐渐消失(注意:不是jif图哟!) 应用场景:多用于大数据分析地图数据分布图、水滴波纹、飞线效果、危险警告、气…

售价:¥ 19.80 销量: 77 5412
000
推荐

2019-8-16更新: 1、图表类型更新(新增仪盘表、玫瑰图、条形图等); 2、表单模块更新(新增穿梭框--支持单选多选) 3、列表(新增图文列表) 4、面板(新增折叠面板,走马灯--水平垂直) 2019-8-8更新: 1、常用图标模块更…

售价:¥ 44.90 销量: 18 1860
封面图2(720)
推荐

所有元件都带动态交互,平滑而极具美感。可一键复制到你的项目中,竭尽所能帮你提高效率。 作者多年产品经理,用产品思维交付高质量原型。 目前共有四大模块(元件库、案例模板、行业数据看板、模块应用),创新内容每周更新,购买后永久免费升级! 内容较…

售价:¥ 65.00 销量: 164 6480