<%@ 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>