<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
*{width:500px;
height: 1000px;
}
ul{
position: absolute;
}
</style>>
</head>
<body>
<div id="f1">F1</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="f2">F2</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="f3">F3</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="f4">F4</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<ul class="shu">
<li><a href="#f1">F1</a></li>
<li><a href="#f2">F2</a></li>
<li><a href="#f3">F3</a></li>
<li><a href="#f4">F4</a></li>
</ul>
</body>
</html>
我没明白 F1 F2 是第一层第二层的意思吧，页面底部和屏幕底部一齐的时候 是什么情况，而且锚点设置好不管你页面在哪，只要点击 就会直接过去的啊