Axure第8讲:动态面板保持固定位置

目标:将某些内容固定在页面的指定位置,不随着页面滚动而改变位置,即拉动滚动条时,页面内容滚动,导航栏始终保持固定在指定位置。

 

步骤:

1、从元件库选择图片元件,拖至画布,如下图1所示。

Axure第8讲:动态面板保持固定位置_第1张图片

图1

2、双击图片,在文件夹中找到使用图片的位置,并选中,如下图2。

Axure第8讲:动态面板保持固定位置_第2张图片

图2

3、在导航栏图片上,右键点击图片,选择转化为“动态面板”,如下图3所示。

Axure第8讲:动态面板保持固定位置_第3张图片

图3

4、选中动态面板,在属性中选择“固定到浏览器”,弹出“固定到浏览器”对话框,勾选“固定到浏览器窗口”,并根据需求对相关参数进行编辑,如下图4。

Axure第8讲:动态面板保持固定位置_第4张图片

图4

5、再放入一张图片,然后置于动态面板下方区域,调整好位置,则完成所有操作,如下图5。

Axure第8讲:动态面板保持固定位置_第5张图片

图5

6、点击预览,设计效果如下图6。

Axure第8讲:动态面板保持固定位置_第6张图片

图6

你可能感兴趣的:(Axure精进,axure,动态面板,固定位置)