回到顶部
今天我们来分享一个浏览网页时经常会遇到的一个操作，“回到顶部”。有了这个操作，浏览网页时就非常方便了，特别是商城类的网站，这个操作是必不可少的了，一起来看看~
这个原型一共用到两个页面：“首页”和“内容页面”。
第一步：首页组件
一个矩形框，尺寸1024×120，作为网页头部，可放置logo和标题（尺寸大小不要求，自己喜欢就好）；
一个内联框架，尺寸1024×520，作为网页主体（宽度与网页头部一致，高度不要求）。
第二步：内容页面组件
可以放置一些灰色方框，代表网页内容，要有错开放置，显示的时候有回到顶部的效果就可以了（注意：放置的内容总高度要大于内联框架的高度）；
一条水平线放置在y轴为0的位置，命名为“顶部”；
一个50×50的动态面板放置在右下角，命名为“回到顶部”，动态面板state面板状态中，放置一个50×50的箭头，设置图标颜色为浅灰色（icons 图标中可找到）。
第三步：为内联框架添加链接属性，设置内联框架链接到“页面内容”
双击内联框架勾选链接页面，并确定。
第四步：为“回到顶部”设置固定到浏览器
右键“回到顶部”设置固定到浏览器，水平固定位置右边距15，垂直固定位置下边距15，始终保持顶部。
设置为垂直滚动到“顶部”，线性，500毫秒。
好啦，拥有火箭速度的回到顶部已经完成了，快去预览看看效果吧！！
可以先瞧瞧完成的效果https://k7ig8o.axshare.com
题图来自 Pixabay，基于 CC0 协议
相关阅读
不知道有多少人跟我一样，并没有接受过专业的seo优化培训，所学seo优化技巧全部都是通过百度查阅文章所得。在搜索的有关seo优化相关
舒舟（阿里巴巴1688事业部）：人们普遍认为，流程和工具不重要，重要的是想法和思路。话虽如此，不过我认为流程和工具也能反映一个设计师的设
在COSMIC方法中，功能处理可拆分为四种数据移动：输入，输出，读，写。数据移动是最小的、不可再拆分的、软件内部的动作。在数据移动中包含
什么是运行？这是我原来文章《姑娘，你其实只是运行经理》里的一个词。简单理解一下，运行是一种浑浑噩噩的工作状态，即在日常工作中找不
运营该如何自我提升呢？这里有位老司机分享了一些心得，一起来看。一些刚入运营坑的小伙伴经常会问：怎么可以快速提升个人的运营水平呢