有些网站♦页面过长，在返回顶□□□□部的过程□□中，需要不要□□滑动鼠标▲滚轮来返◎回顶部，这样费时□□□□又费力，今天我们□□□制作返回□□顶部按钮，只需要鼠□□□标轻轻点□□击一下，就可以直□□达页面顶□□部。
网页的主□□□□体部分，分别用了□□□宽度一致（1000px）、高度各不□□□□相同、背景颜色□□□□不同、居中的四□□□个div盒子组成，使页面的◇高度足够★高让页面丨出现滚动□□□□条；返回按钮□□□□使用了固□□定定位（position:fixed），宽高50px的正方形div，始终靠页□□□□面右边，为了使按□□□钮醒目背□□景色偏蓝，颜色白色。
Html部分和css部分比较简单在这里我就不多说了，js部分如图：

 

因为返回◤按钮一开□□□□始设置是□□隐藏的，所以这里◈用的js来控制显□□示隐藏，当滚动条□□距离顶部□□□□超过100px时，让返回按★钮有过度□□的显示，当小于100px时有过度□□□□的隐藏。



当点击返□□回按钮时□□□□触发事件□□□□函数，这里使用□□了jquery动画来用1s的时间使□□□滚动条自□□□动返回顶△部。简单的返◥回顶部按□□□□钮完成。