AxureRP8实战手册-案例13( 动态面板:保持固定位置)

AxureRP8.0教程 小楼一夜听春语 13714℃ 0评论

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

案例来源:

知乎-话题精华

 

案例效果:

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

1_93

案例描述:

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

 

元件准备:

  • 页面中:(图1-94)

1_94

思路分析:

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

 

操作步骤:

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

1_95

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

1_96

补充说明:

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

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


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP8实战手册-案例13( 动态面板:保持固定位置)

喜欢 (20)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 若还有左侧导航菜单,要实现头部和左侧一起固定,应该怎么做?
    小旋风2016-07-22 15:20 回复
  2. 有没有原型啊
    布布2017-05-23 16:22 回复
  3. lhl2017-05-23 17:34 回复