axure中怎么做出固定首行_【转】AxureRP8实战手册-案例13( 动态面板:保持固定位置)...

AxureRP8.0教程 小楼一夜听春语 4年前 (2016-06-17) 19601℃

案例13.   动态面板:保持固定位置

案例来源:

知乎-话题精华

案例效果:

拉动窗口滚动条时:(图1-93)

案例描述:

拉动滚动条,页面内容滚动时,导航栏始终保持固定在顶部位置。

元件准备:

页面中:(图1-94)

思路分析:

如果想将某些内容不随着页面滚动而改变位置,可以将这些内容添加到动态面板的状态中,并在动态面板的属性中进行固定到浏览器的设置。

操作步骤:

1、将导航栏的图片放入画布,然后在导航栏图片上点击,选择转换为动态面板;这样操作等同于拖入动态面板,将图片放入动态面板默认的状态“State1”中;(图1-95)

2、在动态面板属性中(或者右键菜单中)点击【固定到浏览器】,打开设置页面,将动态面板固定到水平居中/垂直顶部的位置上。(图1-96)

补充说明:

因为,本案例主要讲解如何将某些内容固定在页面的指定位置上,不随着页面滚动而改变位置;所以,页面中的两部分内容均使用图片代替。

特别提醒:本教程相关素材请到导航菜单中的【在线阅读】页面中进行下载。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值