在本教程中,你将学习如何创建一个链接,可以将页面向下滚动到一个特定的元件位置。【原型预览】
1、元件设置
- 打开一个新的RP文件,在页面面板中双击Page 1,将其在画布中打开。
- 从元件库中拖拽一个按钮元件到画布中,并将其放在页面的顶部。
- 再拖拽一个占位符元件到画布中,并将其放在页面比较靠下的位置。(截图中显示的占位符的位置是Y:2000。)
2、滚动交互
- 选中按钮元件,点击交互面板中的新建交互。
- 在弹出的下拉列表中选择单击时,然后选择滚动到元件。
- 在目标下拉列表中选择占位符元件。
- 滚动方向选择垂直,然后点击确定按钮保存操作。
提示:如果你愿意,你可以在动画下拉列表中为页面滚动添加动画效果。
3、预览交互
在Web浏览器中预览页面,点击按钮,页面向下滚动到占位符位置。