【Axure交互教程】 隐藏页面滚动条的3种方法

本文介绍了在Axure中隐藏页面滚动条的三种方法:使用设备模板素材遮挡、转换两次动态面板以及利用内联框架结合动态面板。详细步骤包括如何设置动态面板、调整尺寸以及预览效果。
摘要由CSDN通过智能技术生成

作品名称:隐藏页面滚动条的3种方法

作品编号:Case001

软件版本:Axure9

作品类型:交互案例

原型预览链接(附源文件下载链接):http://daisyaxure.com/demo/Case001

很多朋友在使用Axure制作移动端原型时,希望内容区域在固定的区域内滚动,但是转换为动态面板后,显示滚动条会使美观度大打折扣,本文将介绍3个可以隐藏滚动条的小tips。

方法一:使用设备模版素材进行遮挡 

1.按照下图所示准备好所有的元件,页面排列方式选择居中,这样可以保证预览时我们内容始终是页面居中显示的。

图片

2.选中「内容区」的所有元件,右键转换动态面板。

图片

3.调整动态面板的高度,使其小于内部内容区的高度,右键-【滚动条】-选择【垂直滚动】,这时候动态面板右侧会出现一条滚动条。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值