由洛新闻网

由洛新闻网>汽车>10bet国际开户|Axure 教程:如何通过滚动鼠标查看长篇幅内容的效果?
阅读量:1394

10bet国际开户|Axure 教程:如何通过滚动鼠标查看长篇幅内容的效果? 健康养生

微信推销壮阳药13人诈骗团伙被端!医师全是假的,药是三无产品

10bet国际开户|Axure 教程:如何通过滚动鼠标查看长篇幅内容的效果?

10bet国际开户,本文教你滚动鼠标观看长内容的效果,让我们来看看~

当输出B端产品的原型文档时,会遇到以下情况:长内容需要显示在固定页面或弹出窗口上,然后通过滚动鼠标查看。

有一种相当愚蠢的方法:直接拖到内嵌框架中,然后存储要在另一页上显示的内容,然后将内嵌框架链接到该页。然而,这有不好的显示效果,也就是说,内嵌框架的滚动条可以直接在原型上看到,这不够漂亮。

另一个聪明的方法是使用与背景颜色相同的矩形来阻挡内嵌框架的滚动条。任何有强迫症的人都不能接受那个丑陋的滚动条。任何有追求的人都不会停止这种狡猾的方法(哈哈,一点也不先进)

事实上,想要在不显示难看滚动条的情况下实现鼠标滚动和显示内容的效果一点也不麻烦。

目前,在线搜索的教程(太欺骗人)要么混淆滚动和拖动效果,要么具体步骤不清楚。

以下是我总结的详细操作程序:

步骤1:创建一个名为“索引”的新页面,并将“内联框架”组件拖到“索引”页面以设置其大小和位置。

步骤2:将“内嵌框架”组件转换为动态面板。默认状态是state1。选择状态1,并取消选中“自动调整到内容大小”。

步骤3:选择内联框架组件,并将其滚动条设置为从不显示滚动条。

步骤4:切换到“索引”页面,选择状态1,将滚动条设置为“无”,并检查状态1是否取消选中“自动调整到内容大小”。

第五步:在索引的state1页面上拖动一个新的“内嵌框架”组件。注意设置大小,确保滚动条超出索引状态1页面的显示范围,以免在页面中显示滚动条。

步骤6:将第二个内嵌框架组件转换为动态面板,并将默认状态更改为状态2。

步骤7:切换到“状态1”页面,选择状态2,取消选中“自动调整到内容大小”。

步骤8:切换到“状态2”页面,选择第二个添加的“内嵌框架”组件,取消选中“隐藏边框”,并将框架滚动条设置为“从不显示”。

步骤9:在state1动态面板下,修改刚刚插入的第二个“内嵌框架”组件的state2动态面板,并设置“自动显示垂直滚动条”。

步骤10:将需要滚动的内容放在状态2页面中,然后单击f5查看效果。

效果:http://www.wulihub.com.cn/go/qxonyw/start.html

这篇文章最初是由@苏·小白发表的。每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

爱博体育怎么样




2020-01-11 16:04:49

© Copyright 2018-2019 rentcar237.com 由洛新闻网 Inc. All Rights Reserved.