Axure设计:隐藏滚动条

 时间:2024-10-12 05:31:06

在axure中的动态面板中,如果选择“从不显示滚动条”的话,多余显示区域的内容页面是不会翻滚的,而选择了“显示滚动条”后,那粗粗的滚动条,煞是难看,且有的时候还会遮挡部分内容,所以今天就分享一个隐藏滚动条的法子~效果参考以下图片:

Axure设计:隐藏滚动条

2、按“屏宽”限定,拖出“图片”和“占位符”组合布局如下图:

Axure设计:隐藏滚动条Axure设计:隐藏滚动条

5、“动态面板”设置为“自动显示垂直滚动条”,如下图所示:

Axure设计:隐藏滚动条

7、好,准备工作做好 ,下面用两个方式来隐藏滚动条~

1.遮挡法

1、使用“遮挡”滚动条的方式,来达到隐藏“滚动条”

2、新建2个矩形,按手机的右侧边缘设置大小和组合,如下图所示~我这里演示的参数如下:“矩形1”尺寸:17*563;“矩形2”尺寸:6*55;组合命名为“档条”;

Axure设计:隐藏滚动条Axure设计:隐藏滚动条

4、“动态面板”拉宽,使其面板内容完全显示,并置于滚动条一边,如下图所示:

Axure设计:隐藏滚动条Axure设计:隐藏滚动条

2.多重“动态面板”

1、把“动态面板”的宽度拉宽,任意;

Axure设计:隐藏滚动条

3、再次把“动态面板”的右边界,拉回原来的尺寸,如下图所示:

Axure设计:隐藏滚动条

4、预览,看下效果如何……是不是也很完美?

Axure设计:隐藏滚动条
  • 使用Axure如何实现左右滑动切换的效果?
  • 教大家如何使用Axure制作文字轮播的效果
  • Axure rp如何制作交互效果?
  • 墨刀如何创建原型项目#校园分享#
  • Axure 8.0中怎么制作手机上下滑动效果
  • 热门搜索
    旅游特产 文化旅游产业 无锡旅游地图 去新西兰旅游 浙江台州旅游 迪拜旅游签证 旅游资源的开发与保护 中国旅游攻略 扬州旅游攻略二日游 拉斯维加斯旅游