在网页中□□□□我们常常□□见到页面□□□的左侧或※右侧有个△悬浮框带□□□□有返回顶□□□部的按钮，点击一下□□□□就可以带□□□我们返回□□□□当前页面▽的顶部，今天我们□□□就用JS实现放回□□□顶部的效□□果。
首先用三□□□□个div盒子表示•网页的顶□□□部（box1）、中间部分（box2）、底部（box3），分别设置•它们高度□□和背景色，三个div盒子加起◤来的高都□□□要超过浏□□览器一屏▽的高度，如果三个□□盒子的高□□□度没有超□□过浏览器●一屏的高□□度，点击返回▲顶部按钮□□会没有效□□□果。悬浮按钮(top)设置为绝❖对定位（fixed），fixed的top值设置50%（距离浏览□□顶部50%）；靠左或靠□□□□右都可以（right设置为0是为靠右，left设置为0是为靠左，只能设置□□□一个，两个都设•置会没有◈效果），在这里我□□□设置是靠□□□右。图片如下：
 

HTML如图：
 

 
CSS如图：
 

  JS方面要引◎入jQuery库，使用jq的animate() 方法，这里我设□□置了500ms，让返回顶◎部的过程★有种平滑□□□□感，scrollTop是设置浏□□□□览器滚动❖条距离顶□□部的距离，这里我们◣设置0，如下图：
 

   好了一个简单的返回顶部就完成了。