scroll滚动监听实现animate返回顶部（有坑）

<div class="J_goTop"><img src="../res/static/img/totop.png" ></div>

<script>
$(document).scroll(function() {
    var scroH = $(document).scrollTop();  //滚动高度
    if (scroH >= 100) { // 显示
        $(‘.J_goTop‘).css("display", "block")  // $(‘.J_goTop‘).fadeIn();
    } else{ // 消失
        $(‘.J_goTop‘).removeAttr("style")  // $(‘.J_goTop‘).fadeOut();
    }
    // 点击事件 
    $(‘.J_goTop‘).click(function(){
      if(scroH!=0){// 判断好像无效 :)
        // 巨坑！！！执行animate前先结束这个循环动作
        $(‘body,html‘).stop().animate({}).animate({ // document,window对象不能执行animate
          scrollTop: ‘0px‘,
        }, 600);
        return false;
      }
    })
  });
</script>

/* 回到顶部 */
.J_goTop{
  position: fixed;
  bottom: 10%;
  right: 1%;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  display: none;
}
.J_goTop img{width: 100%;height: 100%}

$(‘body,html’).stop().animate({‘为空或具体操作’}).animate({
　　scrollTop: ‘0px’,
}, 600);