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

web前端|js教程

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) }) })