JS实现带动画的回到顶部效果

本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码，供大家参考，具体内容如下

实现功能：滚动到页面某一个高度的时候，回到顶部按钮出现。点击之后回到网页顶部，按钮隐藏。
代码如下，jQuery引用的是百度CDN的，因此整段代码复制下来后在浏览器运行即可。

 
 
 
   
     
     
   
   
    * { 
      padding: 0; 
      margin: 0; 
    } 
     
    .gotop { 
      display: none; 
      position: fixed; 
      bottom: 50px; 
      right: 50px; 
      width: 40px; 
      height: 40px; 
      padding: 5px; 
      background-color: #F00; 
      color: #FFF; 
      text-align: center; 
      cursor: pointer; 
    } 
   
   
 
   
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
    
这是一段文字






 
 
     
      
回到
 
      
顶部
 
     
   
   
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。