jquery实现页面常用的返回顶部效果【jquery】

web前端|js教程 jquery实现页面常用的返回顶部效果【jquery】

jquery,返回顶部

web前端-js教程

本文实例为大家分享了jquery实现返回顶部效果的全部代码，供大家参考，具体内容如下

微信电影源码网站,vscode报错灯怎么设置,ubuntu复制视频,tomcat外网域名访问,爬虫入门代码,php怎么自学,舟山百度seo引流,mvc企业宣传网站源码,物资回收公司概况模板lzw

效果图：

笑话类源码,vscode启动nginx,ubuntu系统移动硬盘安装,kill掉tomcat,sqlite读取行数据,ecshop最小起订量插件,拼图前端框架知乎,python爬虫登陆系统,win7 搭建php,seo专员发展,彩票网站建设策划书,手机网页按钮点击没反应,反馈模板,小程序代码lzw

任务网源码带幸运28,ubuntu登录密码存储,创想采集爬虫,php <![cdata[,分页和seolzw

实现代码：

    返回顶部       *{       margin: 0;       padding: 0;     }     .wrap{       height: 2000px;     }     .gotop{       display: block;       width: 32px;       height: 32px;       background-color: red;       text-align: center;       text-decoration: none;       font-size: 14px;       font-weight: bold;       color: white;       line-height: 32px;       position: fixed;       right:50px;       bottom:50px;        opacity: 0;       /*top: 500px;*/     }            TOP   
          $(function(){         // 当滚动条滚动大于200时出现，未大于，消失         $(window).scroll(function(){           if($(document).scrollTop()<200){             // alert("kk");             $(".gotop").stop().animate({                opacity: 0              },1000)           }           else{             $(".gotop").show().stop().animate({  opacity: 1              },1000)           }        })       // 返回顶部       $(".gotop").on("click",function(){          $("html body").animate({             scrollTop:0          },1000)       })    })