基于JS实现回到页面顶部的五种写法(从实现到增强)（js怎么回到上一页）

<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>

    <style>
         .footer {
             position: fixed;
             right: 50px;
             bottom: 50px;
             width: 54px;
             height: 54px;
         }
    </style>

     <img class="footer" id="gotoTop" src="https://i02piccdn.sogoucdn.com/4f3b2858eec9e2cf" alt="">
  
     <script>
         function gotoTop(minHeight){
  
             // 定义点击返回顶部图标后向上滚动的动画
             $("#gotoTop").click(
                 function(){$('html,body').animate({scrollTop:'0px'},'slow');
             })
  
             // 获取页面的最小高度，无传入值则默认为600像素
            minHeight = minHeight ? minHeight : 600;
  
             // 为窗口的scroll事件绑定处理函数
             $(window).scroll(function(){
  
                 // 获取窗口的滚动条的垂直滚动距离
                 var s = $(window).scrollTop();
  
                 // 当窗口的滚动条的垂直距离大于页面的最小高度时，让返回顶部图标渐现，否则渐隐
                 if( s > minHeight){
                     $("#gotoTop").fadeIn(500);
                 }else{
                     $("#gotoTop").fadeOut(500);
                 };
             });
         };
         gotoTop(100);
     </script>