BackToTop.js 为你的网站添加“回到顶部”按钮

图片来源： Inspiring Wallpapers

就像上图中的超人一样，你的读者也想要一飞冲天的感觉。

没错，你的网站需要一个 “回到顶部” 的按钮。

每当你的文章写得很长，或者评论盖了好几十层楼的时候，用户想要回到顶部就成了一件折磨的事情，鼠标滚轮滚得要烧起来有木有？即便是直接拖动滚动条，多少还是有点不痛快。正因如此，有时你觉得碍手碍脚的一个小按钮，此时却显得那么贴心。

我知道对很多人来说，上面都是废话。好的，废话少说，讲正经的。这篇文章是跟大家分享一下我自己写的一个超简单的 “回到顶部” 按钮——就是右下角那个箭头。

不嫌弃它简陋的话，欢迎右键另存为：完整带注释版 /压缩版（文件全部是 UTF-8 编码，如果浏览器默认 GBK 编码，你直接打开可能会看到乱码）。在网站的模板里引用这个文件，网站的每一个页面就都有 “回到顶部” 按钮了。

简单说下制作过程

1. 用 SVG 画出箭头

默认状态的箭头

<?xml version="1.0