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