锚点的使用

1、锚点的简单使用

<a>标签中 href="#mouId"

<div id="mouId"   ><div>

<a name="C1" >

点击a标签就跳到了div所在的地方

<a href="#C1">

点击a标签就跳到了上面a标签所在的位置。

但是这种方式html5不支持，而且用起来也不是太方便

2、实现锚点的滑动效果

<a id="tiaomaodian">跳到锚点</a>
<div id="maodian">锚点</div>
主要是jquery代码，其实很简单

$(document).ready(function() {
$("#tiaomaodian").click(function() {
$("html,body").animate({scrollTop:$("maodian").offset().top}, 1000);
});
});
其中.click是用于点击跳到锚点触发下面平滑跳过去的函数。下面是主要函数，主要是利用scrolltop函数，通过offset（）获取锚点到页面顶部的高度距离。animate是动画函数，1000是滑动的时间单位毫秒。