无缝滚动问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>循环向上滚动的文字</title>
<style type="text/css">
#dome{
  overflow:hidden; /*溢出的部分不显示*/
height:100px;
 }
 #dome1{
height:100px;
 }
 #dome2{
height:100px;
 }
</style>
</head><body>
<div class="domes">
 <div class="dome_top">近7日畅销榜</div>
 <div id="dome">
  <div id="dome1">
     <ul id="sd">
         <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
  </div>
  <div id="dome2" class="dome1"></div>
 </div>
</div>
<script type="text/javascript">
function $(element){
  return document.getElementById(element);
 }
 var dome=$("dome");
 var dome1=$("dome1");
 var dome2=$("dome2");
 var speed=50; //设置向上滚动速度
 dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
 function moveTop(){
  if(dome2.offsetTop-dome.scrollTop<=0){ //当滚动至dome1与dome2交界时
alert(dome.scrollTop);
  dome.scrollTop-=dome1.offsetHeight //dome跳到最顶端
}
  else{
  dome.scrollTop++
  }
 }
 var MyMar=setInterval(moveTop,speed) //设置定时器
 dome.onmouseover=function() {clearInterval(MyMar)} //鼠标移上时清除定时器达到滚动停止的目的
 dome.onmouseout=function() {MyMar=setInterval(moveTop,speed)} //鼠标移开时重设定时器，继续滚动
</script>
</body>
</html>为什么滚动一段就不滚动了？dome2.offsetTop、dome.scrollTop、dome1.offsetHeight不知道是什么意思？求大神讲解js