您的位置:首页 > 其它

JQ 回顶部

2015-07-02 09:19 197 查看
<script src="js/jquery-1.11.3.js"></script>
<script>

$('.backtotop').hide();//初始按钮状态为隐藏
$(window).scroll(function () {
if ($(window).scrollTop() > 500) {//判断距顶部的距离
$('.backtotop').slideDown(800);//如果大于500px就显示按钮
} else {
$('.backtotop').slideUp(600);//否则按钮隐藏
}
});

$(".backtotop").click(function(){//点击按钮执行回顶部动画
$("body").animate({scrollTop:"0px"},1000)
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: