有滚动条效果

首先，创建动态面板(Panel)

选中当前需要添加滚动条范围内部件，右键选中“创建动态面板(Create Dynamic Panel)”。

其次，设置动态面板滚动条效果为“纵向滚动条”

设置为“纵向滚动条”后，具体如下图所示：

展示内容超过当前页面的时候，会自动生成滚动条效果。

第三，生成Axure原型，查看有滚动条效果界面

具体如下：

无滚动条效果

首先，基于“有滚动条效果”，制作无滚动条效果

基于“有滚动条效果”中第二步骤，在原有的动态面板基础上再创建一层动态面板。点击最外层动态面板，进入操作界面。将内层的动态面板，设置滚动条效果。将看到的滚动条，移出外层动态面板框定的区域范围外。

具体如下图所示：

其次，生成Axure原型，查看无滚动条效果界面。

具体如下：

有滚动条和无滚动条，本质上都能够实现页面滚动查看完整信息效果。

什么样的场景应用无滚动条的界面效果？

当页面右侧滚动条数量>=2时，建议使用无滚动条界面的效果，提升用户体验。

作者：鱼日，公众号：issnail

本文由 @鱼日原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议

滚动条禁止_Axure 教程：不可见滚动条的页面滚动效果相关推荐

labview在2048中添加时间滚动条_Axure 教程：不可见滚动条的页面滚动效果
在设计产品原型的过程中,经常会遇到这样的一种场景--所要展示的内容,超出了当前可视页面范围.遇到这种情况,通常使用Axure动态面板的滚动条设置来解决. 产品原型设计是产品经理每日或周期性必须经历的事 ...
html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动
今天遇到一个这样的问题:网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动???我就想先把iframe定义宽度和高度,在设置overflow:hidden;呗,但是这样多余的部分会 ...
滚动旋钮时禁止页面滚动-jquery.knob.js
jquery.knob.js一款很棒的jquery旋钮插件 gayhub地址:https://github.com/aterrien/jQuery-Knob 当鼠标滚轮作用于旋钮时,禁止页面滚动 $( ...
Html body的滚动条禁止与启用
在写一个在页面中,经验证用户没有登录或session失效时候弹出登录框禁止页面滚动用到今天搞了一个功能,上下左右居中,模仿QQ空间里的样式,把横向和纵向滚动条禁止掉代码如下: <script ...
vue滚动条禁止_vue.js中实现禁止浏览器滚动方法
大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家. 思路是这样的,当弹窗弹出时候,让b ...
java设置滚动条的样式_[Java教程]美化浏览器滚动条效果
[Java教程]美化浏览器滚动条效果 0 2016-10-31 16:02:28 任务需求:由于不同浏览器对滚动条的样式解析存在差异,为统一样式风格,增加整体美观程度,需要实现自定义滚动条. 第一种方 ...
vue滚动条禁止_vue中实现禁止浏览器滚动方法
大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家. 首先,我们打开我们的txt文本,开 ...
html iframe禁止横向滑动_iframe横向滚动条显示
去掉iframe横向滚动条我做的页面比较小,可包含页面相对高些,怎样只看到纵向的而去掉横向的? 让竖条没有: 让横条没有: 两个都去掉?更简单了各位高手希望帮帮忙,出现横向滚动条时什么原因,我是用 ...
vue滚动条禁止_js禁止和开启滚动条事件
开发移动端页面的时候有一个很比较常见的需求,在出现弹窗时,禁止滑动弹窗后面的主体页面.如何实现呢,往下看 js实现整个页面禁止滚动:document.body.addEventListener('to ...

滚动条禁止_Axure 教程：不可见滚动条的页面滚动效果