axure下移固定地方_axure固定元件位置 教程：使用axure动态面板制作一个返回顶部的按钮...

许多网站上都有一个“返回页首”按钮。无论屏幕如何滚动，“返回顶部”按钮始终浮动在固定位置，随时可用。一旦点击它，他就像一个小小的火箭，摇晃起来，页面将返回页面顶部！那么如何用axure达到这种效果呢？以下是小楼老师的教程，快点学习吧！

axure动态面板的属性中有一个称为“浏览器修复”的函数。也可以在动态面板的右键菜单中选择此功能。

如果我们希望页面滚动时页面的特定部分保持原样，则需要使用“固定到浏览器”功能。

例如，“返回顶部”按钮始终固定在页面的右下角，距浏览器右边界100像素，距底边界10像素。当您单击此按钮时，整个页面将滚动回到顶部。这种效果需要使用上面提到的功能。

实际上，axure“固定到浏览器”的功能不能将组件固定在绝对位置。它相对于浏览器是固定的。对于页面，该组件实际上随着页面滚动而反转。向前进，形成停留在原始位置的视觉效果。因此，相对于浏览器的固定边框而言sketch，它是相对固定的。

了解原理，让我们达到上述效果。

axure情况：固定位置返回顶部按钮

首先axure固定元件位置，让我们完成按钮位置的固定。 (图151)

1、首先，我们构建一个简单页面，然后将其放置为矩形sketch作品，将其更改为箭头样式sketch作品，然后将其“转换为动态面板”，命名为“后退”。

2、在动态面板属性中单击“修复浏览器”以打开设置界面；

3、选中“固定到浏览器窗口”复选框以启用设置选项；

4、在“水平固定”中选择“右”，并将页边距设置为“ 100”像素；

5、在“水平固定”中选择“底部”，然后将边距设置为“ 10”像素。

(图151)

然后，添加“返回页首”按钮的用例操作[单击鼠标时]事件；因为当前动态面板中只有一个元素，所以事件[单击鼠标时]可以是矩形或动态面板。在这里，我们使用动态面板的触发事件。

如果要回滚到顶部，我们需要使用一个元素来定位顶部，并在滚动时滚动到该元素的位置。在页面上，有一个占位符元素，其文本为“顶部导航”。其y轴坐标为“ 0”，它是最高位置。我们用它来定位最高位置。

我们将此组件命名为“顶部导航”，并将其命名为“顶部”，然后在用例编辑界面中选择动作“滚动到组件”，然后检查该组件。在下一个选项中，我们选中“仅垂直滚动”。如果滚动到顶部时需要动态效果，则可以继续在[动画]中选择“线性”效果axure固定元件位置，时间是默认的“ 500”毫秒。这是以500毫秒的恒定速度滚动回到顶部的效果。 (图152)

(图152)