                        課程
                    
                        /前端開發(fā)
                        
                            /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技術，實現(xiàn)使用時間差來轉換倒計時效果。</li>

</ol>

</div>

<ol>

<li>使用JavaScript技術，實現(xiàn)使用時間差來轉換倒計時效果。</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

關注問題我要回答

630

操作

收起

1 回答

李曉健
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永遠都進不了。也就是說不會一直滾下去。