站内搜索:
首页 >> 前端 >> 内容
锚点链接和平滑滚动到指定位置的方法

时间:2018/3/6 15:50:24

今天遇到一个要跳转到别的页面的固定区域的问题,想过把第一个页面的参数存入cookie,在下一个页面在取出用,但这样就有点麻烦了......

请教了同事,换了一种思路。

先给跳转的的a标签加了参数(如果直接锚点可以写成xx.html + # + id)

xx.html++参数(这里用的)

锚点链接和平滑滚动到指定位置的方法

这个方法是获得页面url的某个url参数的方法

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

这个正则是寻找&+url参数名字=值+&

&可以不存在。

var r = window.location.search.substr(1).match(reg);

if (r!=null) return unescape(r[2]); return null;

这里是开始匹配,找到了返回对应url值,没找到返回null。

锚点链接和平滑滚动到指定位置的方法

上面第二个是一个加载程序,获取到about的参数,传到goAnchor(id),执行平滑滚动id相对应的位置。srcollTop的id要写成拼接的$("#about_"+id),so...相应位置id为#about_1,#about_2...

锚点链接和平滑滚动到指定位置的方法

  • 上一篇:dns-prefetch—DNS预解析技术详解
  • 下一篇:前端模块化中的Common,AMD和CMD规范详解
  • 返回顶部