关闭

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

标签: javascript
46人阅读 评论(2) 收藏 举报
分类:

原文地址: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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:44396次
    • 积分:1103
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:35篇
    • 译文:0篇
    • 评论:11条
    文章分类
    最新评论