锚链接 | Anchor Link

在本教程中,你将学习如何创建一个链接,可以将页面向下滚动到一个特定的元件位置。【原型预览】

1、元件设置
  1. 打开一个新的RP文件,在页面面板中双击Page 1,将其在画布中打开。
  2. 元件库中拖拽一个按钮元件到画布中,并将其放在页面的顶部。
  3. 再拖拽一个占位符元件到画布中,并将其放在页面比较靠下的位置。(截图中显示的占位符的位置是Y:2000。)
2、滚动交互
  1. 选中按钮元件,点击交互面板中的新建交互
  2. 在弹出的下拉列表中选择单击时,然后选择滚动到元件
  3. 目标下拉列表中选择占位符元件。
  4. 滚动方向选择垂直,然后点击确定按钮保存操作。

提示:如果你愿意,你可以在动画下拉列表中为页面滚动添加动画效果。

3、预览交互

在Web浏览器中预览页面,点击按钮,页面向下滚动到占位符位置。

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。