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

案例来源:

知乎-话题精华

 

案例效果：

• 拉动窗口滚动条时：（图1-93）

案例描述：

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

 

元件准备：

• 页面中：（图1-94）

思路分析：

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

 

操作步骤：

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

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

补充说明：

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

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

---------------------------------------------------- End ----------------------------------------------------

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

小楼老师倾力打造AxureRP7.0精品课程系列，独特的技术，淫荡的思路，销魂的声音，丰富的姿势，润滑的体验，超爽的感觉，想要？就从下面进入！

《AxureRP7.0从入门到精通》------从零向高手蜕变的必修课------<<想上它，插这里！>>