JS回到顶部效果

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="mod-scroll-top-wr" id="mod-right-menu" style="display:block;">
	<a href="###" title="回到顶部" class="mod-scroll-top" id="scrollTop">回到顶部</a>
</div>
<script type="text/javascript">
	//返回头部
	$("#mod-right-menu").hide();
	$(function() {
	    $(window).scroll(function() {
	        //当window的scrolltop距离大于1时，go to top按钮淡出，反之淡入
	        if ($(this).scrollTop() > 1) {
	            $("#mod-right-menu").fadeIn();
	        } else {
	            $("#mod-right-menu").fadeOut();
	        }
	    });
	});
	
	// 给go to top按钮一个点击事件
	$("#scrollTop").click(function() {
	    $("html,body").animate({scrollTop:0}, 800);
	    return false;
	});
</script>