今天我们要分享一个我们在浏览网页时经常遇到的操作，“回到顶部”。有了这个操作，浏览网页非常方便，尤其是对于商场来说。这个操作是必不可少的。来看看吧~
这个原型使用了两个页面:“主页”和“内容页”。
步骤1:主页组件
一个长方形的盒子，大小为1024×120，可以作为网页的页眉，可以放logo和标题；尺寸为1024×520的内嵌框架被用作网页的主体。
步骤2:内容页面组件
你可以放置一些灰色的方框来代表网页的内容。它们应该交错显示，具有返回顶部的效果。在Y轴为0的位置放一条水平线，命名为“top”；右下角放置一个50×50的动态面板，命名为“回到顶部”。在动态面板状态下，放置一个50×50的箭头，并将图标颜色设置为浅灰色。
步骤3:给内嵌框架添加一个链接属性，并将内嵌框架设置为链接到“页面内容”
双击内嵌框架以检查链接页面，并进行确认。
第4步:修复浏览器的“返回顶部”设置
右键“回到顶端”固定到浏览器，水平固定位置右边距15，垂直固定位置下边距15，始终保持顶端。
最后一步:为“回到顶端”添加鼠标点击用例
设置垂直滚动到“顶部”，线性，500毫秒。
好了，以火箭速度重返巅峰已经完成。去预览一下效果吧！！
你可以先看看完成后的效果:https://k7ig8o.axshare.com。
本文由@芳子原创发布。每个人都是产品经理。未经许可，禁止复制。
题目来自Pixabay，基于CC0协议。
