您现在的位置:首页 >> 前端 >> 内容

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

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

  核心提示:今天遇到一个要跳转到别的页面的固定区域的问题,想过把第一个页面的参数存入cookie,在下一个页面在取出用,但这样就有点麻烦了......请教了同事,换了一种思路。先给跳转的的a标签加了参数(如果直接...

今天遇到一个要跳转到别的页面的固定区域的问题,想过把第一个页面的参数存入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...

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

作者:网络 来源:我的地盘子