jq返回顶部（有过渡动画）

<!-- go top -->
		<div class="gotop" id="gotop" >
			<i class="fa fa-arrow-circle-o-up"></i>
		</div>

css样式部分：

.gotop {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	cursor: pointer;
}

.gotop i {
	font-size: 40px;
	color: #A84CBF;
}

js代码部分：

$(function(){
// 返回顶部
	    $(window).scroll(function() {
	    //当滚动条离开顶部或者滚动值大于0时，返回顶部按钮出现；反之当滚动条回到顶部或滚动值等于0时，按钮隐藏
	       if ($(window).scrollTop() > 0) {
	       	$(".gotop").css("opacity","1")
	       } else{
	       	$(".gotop").css("opacity","0")
	       }
	     });
	
			$("#gotop").click(function(){
			//点击按钮时，返回顶部，过渡时间为1,秒
				$("html,body").animate({scrollTop: '0' },1000);
			return false;
			})
})