用jQuery实现回到顶部

jsp代码

<div class="go-top" title="返回顶部"><img src="img/go_top.png"/></div>

js代码

$(function(){
// 回到顶部
	$(window).scroll(function() {
		if ($(window).scrollTop() > 0)
			$(".go-top").show();
		else
			$(".go-top").hide();
	});
	$(".go-top").click(function() {
		$("html, body").animate({
			scrollTop : 0
		}, 1000);
	});
})

css代码

.go-top{
	display: none;
	position: fixed;
	top:80%;
	left: 90%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: white;
}
.go-top img{
	width: 60px;
	height: 60px;
}
.go-top:hover{
	background-color: gray;
	opacity: 1;
	filter: alpha(opacity=100);
}

效果