Axure原型工具如何制作置顶按钮效果

 时间:2026-02-14 09:33:15

1、首先创建一个空白页面,在工作区域内拖入本次需要的元件元素,如下图所示,主要有矩形、图标和动态面板等。

Axure原型工具如何制作置顶按钮效果

2、将图标元件复制到动态面板中,并将动态面板的名称进行命名,如下图所示。

Axure原型工具如何制作置顶按钮效果

3、然后对动态面板的固定到浏览器进行设置,固定到水平右20,垂直下20,如下图所示。

Axure原型工具如何制作置顶按钮效果

4、然后开始做交互事件,首先是载入时,这个置顶按钮是隐藏的效果,如下图所示。

Axure原型工具如何制作置顶按钮效果

5、下面做鼠标单击时的交互事件,如下图所示。

Axure原型工具如何制作置顶按钮效果

6、最后,选择页面,给页面做窗口滚动时的交互事件,这里做两个交互事件,如下图所示。

Axure原型工具如何制作置顶按钮效果

Axure原型工具如何制作置顶按钮效果

Axure原型工具如何制作置顶按钮效果

7、完成设置后,f5预览一下效果,当窗口滚动到下面的时候,置顶按钮会显示出来 ,点击此按钮的时候,页面会流动到最上面,如下图所示。

Axure原型工具如何制作置顶按钮效果

Axure原型工具如何制作置顶按钮效果

  • 怎样使用axure设计高保真随机验证码?
  • Blender怎么重命名集合名称
  • Axure RP8怎样给水平菜单增加子菜单选项?
  • Axure制作圆形进度条
  • Blender怎么创建【天圆地方】的造型
  • 热门搜索
    bpd是什么意思 辣台妹是什么意思 什么风细雨 什么是绩效考核 chest是什么意思 力不从心是什么意思 单反相机什么意思 社保断了有什么影响 风情是什么意思 带你飞是什么意思