本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣。
这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:“点击跳转到页面指定位置”,找了下,原来专业术语叫:锚点。
度娘真是个博大精深的地方,有着多种的方法可以使用。
最简单的一种:
设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新
<div class="skip" id="skip">
<h2>目录</h2>
<ul>
<li>
<a href="#toc0" class="aaa">点击文字跳转</a>
<!--herf的值一定要带#号,并且要和相对应要跳转的值一致-->
</li>
</ul>
<div class="chapter" style="margin-top: 850px;">
<a name="toc0" class="aaa1">文字跳转到这里</a>
<!--这里的a标签可以用name也可以用id-->
<p>心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假
心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假心情假</p>
</div>