Axure原型工具如何获取页面标题及滚动条距离

 时间:2024-10-11 22:12:02

1、首先创建一个空白页面,在工作区域拖入两个矩形,用于获取标题及距离,如下图所示。

Axure原型工具如何获取页面标题及滚动条距离

2、对准备的元件样式及值进行设置,如下图所示,一个用于获取当前页面的标题,一个用于获取滚动条的距离。

Axure原型工具如何获取页面标题及滚动条距离

3、下面开始对第一个矩形的交互事件进行设置,此处需要用于函数,具体函数如下。[[PageName]]

Axure原型工具如何获取页面标题及滚动条距离

4、然后对第二个矩形的事件进行设置,如下所示,需要用到的函数为,水平距离:[[Wi艘绒庳焰ndow.ScrollX]] 垂直距离:[[Window.ScrollY]]

Axure原型工具如何获取页面标题及滚动条距离

5、准备完成后,f5预览一下效果,如下图所示。

Axure原型工具如何获取页面标题及滚动条距离

6、当点击第一个矩形的时候,会获取到当前页面的标题,点击第二个矩形的时候会获取到滚动条的距离,如下图所示。

Axure原型工具如何获取页面标题及滚动条距离
Axure原型工具如何获取页面标题及滚动条距离
  • VI图案设计:[1]标准色的设计
  • AI如何去除文字描边上的路径线?
  • AI软件制作甜甜圈
  • 如何用Ai快速制作卡通狮子
  • AI符号喷枪使用技巧?
  • 热门搜索
    有关交通安全的手抄报 文明安全手抄报 感恩大自然手抄报 校园文明手抄报内容 关于廉政的手抄报 好人好事手抄报 生活中的语文手抄报 四年级手抄报图片大全 感恩的心手抄报大全 运动与健康手抄报