原生js模拟锚点，实现点击后，内容定位到本页的对应位置

原文地址：http://www.cnblogs.com/xiangming25/p/6078126.html

这时，如果我们使用锚点的方法就会存在一个问题，当我们点击顶部的tab部分是，

 

 

页面的url就回变成http://www.×××××.com?brandId=1&brandName=***#434

 

这个时候我们在点击翻页的时候，页面就会跳转到页面的顶部，而不是我们访问的这个位置。

 

解决的办法是：

 

1. 不给tab部分添加类似与<a href="/test#333"></a>, 写成 <a href="javascript:;"></a>阻止a标签的默认操作。

2. 给 a 标签添加点击事件：  <a href="javascript:;" ng-click="_scrollTo('someId')"></a>

3. 定义对应的实现方法：

　　function _scrollTo(id){

　　　　var _id = document.getElementById(id);

　　　　window.scrollTo(0,_id.offsetTop);

　　}

ps: 这里的id是我们想跳转到的节点对应的id