第一步:我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板”将其往编辑窗口拖拽。
第二步:创建好我们的动态面板之后,按住“ctrl+c”将其复制下来,然后双击我们的“外层动态面板”下面的state1,然后按住“ctrl+v”将我们的“外层动态面板”复制下来。
第三步:然后将我们复制下来的“外层动态面板”的名字改为“内层动态面板”,然后双击我们“内层动态面板”下面的“state1”,进入之后,将我们的光标放置于该编辑页内,然后点击鼠标右键,点击“滚动条”,“自动显示垂直滚动条”。这时候我们就会发现我们的“内层动态面板”下的“state1”已经有一个滚动条,
第四步:我们的滚动条做好之后,我们需要给我们的动态面板添加内容,我们点击“占位符”,并将其拖到我们的动态面板内。
第五步:由于我们要体现的是一种滚动状态,所以我们的内容必须要长于我们的动态面板所显示的范围,所以我们需要多次添加内容,我们边按住“ctrl”边拖动我们刚才建立的“占位符”,即可复制。如下图。
第六步:如果我们想要区分这些占位符,我们可以双击该占位符,然后向其中输入自己想要的数据,
第七步:然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了。
第八步:这时候,有些人会不喜欢我们的滚动条那么难看,这时候我们返回我们的axure页面,直接点击“外层动态面板”,然后将我们的“内层”面板的滚动条拖拽到“外层动态面板”的外面,
第九步:然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了。
华为手机屏幕滚动设置在辅助功能里。华为手机滑动屏幕设置方法:
1、打开华为手机桌面上的【设置】;
2、在设置菜单下,点击进入【系统和更新】;
3、在系统页面下点击进入【系统导航方式】;
4、点击勾选【手势导航】。开启之后我们可以从屏幕左右边缘向内滑动来返回上一级;从屏幕底部边缘上滑回到桌面;从屏幕底部边缘中间上滑并停留一下可以打开后台运行。
方法:<div
style="position:absolute
height:400px
overflow:auto"></div>
div
设置滚动条显示:overflow
:yes
div
设置滚动条自适应显示:overflow
:auto
div
设置上下滚动条显示:overflow-y
:yes
div
设置上下滚动条自适应显示:overflow-y
:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)