                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息滚动效果制作

为什么我的iCon2.innerHTML=iCon1.innerHTML加了和不加是一样的，而且在临界处还要抖动一下。。求大神帮忙看一下

<!DOCTYPE html>

<html>

<head>

<title>无缝滚动操作</title>

#wrap{

height:200px;

width:500px;

border:1px solid black;

background-color:yellow;

overflow: hidden;

}

</style>

</head>

<body>

<ol>

<li>使用JavaScript技术，实现使用时间差来转换倒计时效果。</li>

</ol>

</div>

<ol>

<li>使用JavaScript技术，实现使用时间差来转换倒计时效果。</li>

</ol>

</div>

var area=document.getElementById('wrap');

var iCon1=document.getElementById('icon1');

var iCon2=document.getElementById('icon2');

//iCon2.innerHTML=iCon1.innerHTML;

function areaMove(){

if(area.scrollTop>=iCon1.offsetHeight){

area.scrollTop=0;

}

else{

area.scrollTop++;

}

setInterval('areaMove()',50);//一定要加引号和括号

</script>

</body>

</html>

张筱诺8983

2015-12-13

源自：信息滚动效果制作 2-2

关注问题我要回答

611

操作

收起

2 回答

李晓健
2015-12-13

#wrap{
    height:130px;  /***我把这个高度改了一下***/
    width:500px;
    border:1px solid black;
    background-color:yellow;
    overflow: hidden;
}

iCon2.innerHTML=iCon1.innerHTML加了和不加是一样的；确实是这种，他加上这句话应该是<div id="icon2"> 他这个div里开始是空的，而你却一开始就放了值，所以这句就没有用了，我改了一下你的那个高度是因为，你的最外层div的高度不能高于 <div id="icon1">的调度，不然的话if(area.scrollTop>=iCon1.offsetHeight) 这个if永远都进不了。也就是说不会一直滚下去。