找了一个JS停顿滚动的脚本,有点不对称小问题

原代码是marqueesHeight=100;//滚动区域高度设定
if(currentTop==100)//向上滚动高度设定但是测试后发现滚动一段时间后就会串位 而且越来越严重,
我把
if(currentTop==100)//向上滚动高度设定
改成了
if(currentTop==101)//向上多移了一像素 就正常了,但是在自己网站里 我把内容换成图片了 如果把滚动区域高度和向上滚动高度设成一样的还是会串位 而且一次比一次多一点
于是还是照上面那样改,不行了 ,多滚1像素,2像素的 都会串, 没办法 自己又多写了一个复位的函数,隔一定时间自己复位.请问刚才我描述的现象是怎么造成的
这是为什么呢?
<div id="banner1" style="width:400;">
<!--内容区域开始，可以设为自己的内容-->
<table width='400' height="200" border='0' cellPadding='5' cellSpacing='0'>
<tr>
<td align="center" bgcolor="yellow">1。内容可以自己定义</td>
</tr>
<tr>
<td align="center" bgcolor="black">2。内容可以自己定义</td>
</tr>
</table>
<!--内容区域结束-->
</div>
<div id="banner2" style="position:absolute;z-index:1;visibility:hidden"></div>
<script>
marqueesHeight=100;//滚动区域高度设定
stopscroll=false;
banner1.scrollTop=0;with(banner1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}preTop=0; currentTop=0; stoptime=0;function init_srolltext(){
banner2.innerHTML="";
banner2.innerHTML+=banner1.innerHTML;
banner1.innerHTML=banner2.innerHTML+banner2.innerHTML;
setInterval("scrollUp()",20);
}function scrollUp(){
if(stopscroll==true) return; currentTop+=1; if(currentTop==101)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1; if(stoptime==10)//停顿时间设定
{
   currentTop=0;
   stoptime=0;
}
}
else 
{   
preTop=banner1.scrollTop;
banner1.scrollTop+=1; if(preTop==banner1.scrollTop)
{
banner1.scrollTop=banner2.offsetHeight-marqueesHeight;
banner1.scrollTop+=1;
}
}
}
init_srolltext();
</script>