做网站-页面内锚点定位的几种方法

1、锚点定位及跳转

这个比较简单，就是在<a>标签中的href属性指向DIV的具体ID即可。我们通过html代码来看一下。

这个方法，在鼠标点击后网址会有所变化，即网址后面会带上#div1这种后缀标识。

2、通过Jquery 的animate方法来作页面滚动跳转。如以下代码：

注意：运行上面的脚本的之前，先将为锚点增加相应的id，同时去掉href属性。　　　

 $("html, body")可以替换为响应的div，如果不起作用，试着给该div增加overflow：scroll属性。

另外，脚本可以进一步优化，自己来试试

这样做的好处是：URL地址不会变，同时点击锚点时会自动响应scroll事件，不需要重新绑定。

缺点是：如果页面复杂的话，偏移值可能会发生变化需要算法辅助。

3、使用js的srollIntoView方法，直接用:

这种方法的好处，是URL不会变，同时能够响应相应的scroll事件，不需要算法什么的。

当然还可以使用在js事件中通过window.location.hash="divId"跳转，但地址也会发生变化，感觉跟第一种方法没区别，甚至更麻烦。