锚点在本页面跳转有三种方式比较常用，可以用来回到顶部，代码奉上。
1.给锚点文本标签添加id,针对任何标签来定位都生效
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.n2{
width: 50px;
height: 50px;
background: pink;
position: fixed;
right: 20px;
bottom: 30px;
font-size: 16px;
}
a{
color: #000;
text-decoration: none;
}
</style>
</head>
<body>
<div class="n1" id="here">头部</div>
<p>hahahah</p>
<p>hahahah</p>
<p>hahahah</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="n2"><a href="#here">点我回到头部</a></div>
</body>
</html>2.给a标签的文本添加锚点，使用name属性只能针对a标签来定位
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.n2{
width: 50px;
height: 50px;
background: pink;
position: fixed;
right: 20px;
bottom: 30px;
font-size: 16px;
}
a{
color: #000;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#" name="here">头部</a>
<p>hahahah</p>
<p>hahahah</p>
<p>hahahah</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="n2"><a href="#here">点我回到头部</a></div>
</body>
</html>3.使用js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.n2{
width: 50px;
height: 50px;
background: pink;
position: fixed;
right: 20px;
bottom: 30px;
font-size: 16px;
}
a{
color: #000;
text-decoration: none;
}
</style>
</head>
<body>
<div class="n1" id="here">头部</div>
<p>hahahah</p>
<p>hahahah</p>
<p>hahahah</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()">小尾巴</li>
</body>
</html>