带有动画的返回顶部:animate()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>带有动画的返回顶部</title>
<style>
div {
width: 300px;
height: 1000px;
text-align: center;
background-color: #b25686;
}
.back {
float: right;
background-color: orange;
}
</style>
<script src="JS/jquery.min.js"></script>
</head>
<body>
<div></div>
<a class="back">返回顶部</a>
<script>
$(".back").click(function () {
//带有动画的返回顶部
$("body,html").stop().animate({
scrollTop:0,
})
})
</script>
</body>
</html>