js高手速入!!!!!!!!!高分

我来给你完整的
<html>
<body>
<input type="button" onclick="scroller(document.getElementById('a'),1000);return false;">移动到a</input>
<input type="button" onclick="scroller(document.getElementById('b'),1000);return false;">移动到b</input>
 
asdf 
asdf 
as
df 
asd
f as
df 
as
df 
sadf 
as
df 
asd
f sa
df 
asdf 
as
df 
as
df 
sadf 
as
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
sf d
as
f d
as
f a
sdf asd
f 
asf 
a
sf d
asasdf 
asf d
<div id="a" style="position:absolute">我是a<div>
df 
asd
f as
df 
as
df 
sadf 
as
df 
asd
f sa
df 
asdf 
as
df 
as
df 
sadf 
as
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
sf d
as
f d
as
f a
sdf asd
f 
asf 
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
<div id="b" style="position:absolute">我是b<div>
asd
f as
df 
as
df 
sadf 
as
df 
asd
f sa
df 
asdf 
as
df 
as
df 
sadf 
as
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
sf d
as
f d
as
f a
sdf asd
f 
asf 
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
asdf 
as
f d
as
f a
df 
sadf 
as
df a
sdf 
as
f 
sadf 
s
df 
as
df a
sf 
as
df 
as
df 
asd
f as
d
f 
sadf 
asd
f a
sdf 
asdf 
a
sf d
as
df 
asd
f 
sf d
asasdf 
asf d
</body>
<script>
function scroller(el, duration)
{
alert(el.id)
 if(typeof el != "object")
 {
 el = document.getElementById(el);
 }
 if(!el)
 {
 return;
 }
 var z = this;
 z.el = el;
 z.p = getPos(el);
 z.s = getScroll();
 z.clear = function(){
 window.clearInterval(z.timer);z.timer = null;
 };
 z.t = (new Date).getTime();
 z.step = function (){
 var t = (new Date).getTime();
 var p = (t - z.t) / duration;
 if (t >= duration + z.t)
 {
 z.clear();
 window.setTimeout(function(){
 z.scroll(z.p.y, z.p.x);
 }, 13);
 }
 else
 {
 st = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.y - z.s.t) + z.s.t;
 sl = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.x - z.s.l) + z.s.l;
 z.scroll(st, sl);
 }
 };
 z.scroll = function (t, l){window.scrollTo(l, t);};
 z.timer = window.setInterval(function(){z.step();}, 13);
}function getPos(e) {
 var l = 0;
 var t = 0;
 var w = intval(e.style.width);
 var h = intval(e.style.height);
 var wb = e.offsetWidth;
 var hb = e.offsetHeight;
 while (e.offsetParent) {
 l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
 t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
 e = e.offsetParent;
 }
 l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
 t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
 return {x:l, y:t, w:w, h:h, wb:wb, hb:hb};
} function getScroll() {
 var t, l, w, h;
 if (document.documentElement && document.documentElement.scrollTop) {
 t = document.documentElement.scrollTop;
 l = document.documentElement.scrollLeft;
 w = document.documentElement.scrollWidth;
 h = document.documentElement.scrollHeight;
 } else {
 if (document.body) {
 t = document.body.scrollTop;
 l = document.body.scrollLeft;
 w = document.body.scrollWidth;
 h = document.body.scrollHeight;
 }
 }
 return {t:t, l:l, w:w, h:h};
}function intval(v) {
 v = parseInt(v);
 return isNaN(v) ? 0 : v;
}
</script>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

如果function scroller(el, duration) 中的el参数传的没错的话是不会有问题的。el对应的是下面 <a name="A" id="h_A"></a><a name="B" id="h_B"></a>的id，建议LZ检查一下
晕这么快就结贴
刚做了个简单的尝试贴出来看看
function sroll(elem){
 obj=document.getElementsByName(elem.href.substring(elem.href.length,elem.href.length-1));
 x=pageX(obj[0]);
 y=pageY(obj[0]);
 for(var i=pageY(elem);i<=y;i++)
 {
 window.scrollTo(x,i);
 }
 }
<div>
 <a href="?#a" onclick="sroll(this);return false">a</a> <a href="?#b" onclick="sroll(this);return false">b</a>
 <a href="?#c" onclick="sroll(this);return false">c</a> <a href="?#d" onclick="sroll(this);return false">d</a>
 <a href="?#e" onclick="sroll(this);return false">e</a>
 <div id="a" name="a" style="height:400px">a</div>
 <div name="b" style="height:400px">b</div>
 <div name="c" style="height:400px">c</div>
 <div name="d" style="height:400px">d</div>
 <div name="e" style="height:400px">e</div>
 </div>
少贴了两个函数function pageX(elem){//相对整个文档的x的位置
return elem.offsetParent?
elem.offsetLeft+pageX(elem.offsetParent):
elem.offsetLeft;
}function pageY(elem){//相对整个文档的y的位置
return elem.offsetParent?
elem.offsetTop+pageY(elem.offsetParent):
elem.offsetTop;
}