从一个页面跳转到另一个页面的指定位置

从一个页面跳转到另一个页面的指定位置如果不带平滑移动的效果很容易加个锚点就行了，比如想跳到 mao.aspx 的页面的div id="s" 的位置。那么只用<a href="mao.aspx#s">就可实现跳转到指定位置

现在为了增加用户体验跳转到页面后平滑移动到该位置怎么做呢？其实也很简单啦， 那边传递过来一个要跳转到哪个div的参数就行

先上一段 页面获取参数的 通用js

//根据参数名获得该参数 pname等于想要的参数名
functiongetParam(pname) {

varparams=location.search.substr(1);//获取参数 平且去掉？

varArrParam=params.split('&');
if(ArrParam.length==1) {
//只有一个参数的情况
returnparams.split('=')[1];
}
else{
//多个参数参数的情况
for(vari=0; i<ArrParam.length; i++) {
if(ArrParam[i].split('=')[0]==pname) {

returnArrParam[i].split('=')[1];
}
}
}

}

代码很简单 就是根据当前url 获取其中想要的参数的值

$(function() {
varmao=$("#"+getParam("m"));//获得锚点
if(mao.length>0) {//判断对象是否存在
varpos=mao.offset().top;
varposhigh=mao.height();
$("html,body").animate({ scrollTop: pos-poshigh-30},3000);
}
});

文章出自深圳网站建设，原文地址 http://www.9tnl.com/news/news626.html