最近发现一个很有趣的建站小技巧,就是让网页内容实现超链接定位到当前页面的固定位置,也就是当前页跳转。经过了解之后发现这有一个专业名词叫“ 锚点定位”,关于锚点定位,好像实现的方式还蛮多的,我收集整理到这里,毕竟以后自己建站可能用得到。
1、a标签定位
在准备定位位置 加入锚点,<a name="a1>定位点</a>
然后加一个超链接 <a href="#a1">到定位点</a>
2、div定位
<div id="mark">定位点</div>
比如上面的html代码,在点击A链接后页面显示的位置自动跳到id="mark"的div处,实现方式如下:
<a href="#mark">到定位点</a>
3、JS定位:
<div class="button"><a href="#aaa">定位点</a></div>
跳转指定位置标签
<div class="div1" id="aaa">到定位点</div>
js部分:
<script>
window.location.hash = "#aaa"; // #aaa为锚点名称
</script>
不过对我们来说,其实只要掌握一种方法就够用了,我比较青睐第一种,毕竟它最简单。
此处为测试 锚点定位,点击文章开头的锚点定位,就会跳转到这里。