您现在的位置是:首页 > 电脑技术查询 > web开发

js实现返回顶部效能

编辑:chaxungu时间:2022-10-10 23:23:12分类:web开发

js实现返回顶部功能

                                      js实现返回顶部功能

使用jquery实现

html代码:

<div class="back-top">  <span>返回顶部</span></div>

 

css代码:

.back-top{  position:fixed;  right:100px;  top:700px;  z-index:999;  border-radius:5px;  width:260px;  display:none;  cursor:pointer;}

 

jquery代码:

$(window).scroll(function(event){   if($(this).scrollTop() > 0){      $(".back-top").show();   }else{      $(".back-top").hide();   }})$(".back-top").click(function(event){  $("html,body").animate({   scrollTop:"0px"},   666   )})