第一次知道可以用超链接(锚点)回到顶端，我很震惊。我以为可以这么简单！但是，作为一个正在学习JS的小白，他不能这么轻易停下来，所以他自己做了一个JS，回到了顶端。

HTML代码：

Div class=' container' pHello /p./divdiv id='top '返回顶部/divCSS代码：容器{border: 1px纯黑；}#top{position:固定；padding: 10px宽度： 20px；border: 1px纯黑；box-shadow : 0 2px # 333；right: 20pxbottom: 20px}#top:hover{cursor:指针；}JS代码：

//创建变量varscroll _ top=document . getelementbyid(' top ')；//使用最常用的scrollTop属性实现var timer=null函数scrollTop(){//取消动画帧请求。cancelAnimationFrame(计时器)通过调用requestAnimationFrame()方法添加到计划中；/* requestAnimationFrame将所有DOM操作集中在每一帧中，一次重绘或回流即可完成，重绘或回流的时间间隔紧跟浏览器的刷新频率。一般来说，这个频率是每秒60帧。*/timer=requestAnimationFrame(函数StOp(){ var top=document . body . scroll top | | document . document element . scroll top；If(top 0){ //使用定时器将scrollTop的值减少20(自己设置)，直到减少到0，然后滚动完成。文件。尸体。scroll top=document . document element . scroll top=top-20；timer=RequestanimationFrame(StOp)；}else{cancelAnimationFrame(计时器)；} });} scroll _ top . addeventlistener(' click '，scrollTop，false)；效果手动截图：

以上是边肖介绍的JS，回到顶部详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！