if(oDiv.scrollTop % liHeight == 0) ？？？無法得到取余得0？
各位大神，今天在DW里測試了間歇滾動練習，依照視頻步驟寫，發現此處代碼沒起作用
if(oDiv.scrollTop % liHeight == 0) ?
整體代碼如下：（變量和老師設的不一樣）
window.onload=function(){
var time;
var liHeight = 24;
? ? var oDiv=document.getElementById('div');
var con1=document.getElementById('con1');
var con2=document.getElementById('con2');
con2.innerHTML = con1.innerHTML;
oDiv.scrollTop=0;
function move(){
oDiv.scrollTop++;
? ?time=setInterval(startMove,30);
}
function startMove(){
? ?//oDiv.scrollTop++;
if(oDiv.scrollTop % liHeight == 0){
? ?clearInterval(time);
setTimeout(move,2000);
}else{
oDiv.scrollTop++; ?
if(oDiv.scrollTop>=con1.offsetHeight){
? ?oDiv.scrollTop = 0;
}
}
}
setTimeout(move,2000);
}
程序不會間歇.....
單獨改那句發現，oDiv.scrollTop遞增值都是小數，用了如下方法測試
if(oDiv.scrollTop >=24){
? ?clearInterval(time);
alert(oDiv.scrollTop);
彈出oDiv.scrollTop值為一堆小數，對24取余肯定不能得0，這是為什么，請指教謝謝
2016-10-08
我把你的代碼放到我的模板里是沒有問題的,是不是你的CSS有問題!,
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"?/> <title>Js實現無縫滾動</title> </head> <style> *?{ margin:?0; padding:?0; } #marqueeBox?{ margin:?100px?auto; width:?200px; height:?100px; border:?1px?solid?lightgray; overflow:?hidden; } ul?{ list-style:?none; font-size:?12px; font-family:?"microsoft?sans?serif"; } li?{ height:?25px; line-height:?25px; overflow:?hidden; text-overflow:?ellipsis; white-space:?nowrap; } </style> <script> window.onload?=?function()?{ var?time; var?liHeight?=?25; var?oDiv?=?document.getElementById('marqueeBox'); var?con1?=?document.getElementById('ul1'); var?con2?=?document.getElementById('ul2'); con2.innerHTML?=?con1.innerHTML; oDiv.scrollTop?=?0; function?move()?{ oDiv.scrollTop++; time?=?setInterval(startMove,?30); } function?startMove()?{ //oDiv.scrollTop++; if(oDiv.scrollTop?%?liHeight?==?0)?{ clearInterval(time); setTimeout(move,?2000); }?else?{ oDiv.scrollTop++; if(oDiv.scrollTop?>=?con1.offsetHeight)?{ oDiv.scrollTop?=?0; } } } setTimeout(move,?2000); } </script> <body> <div?id="marqueeBox"> <ul?id="ul1"> <li>1.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>2.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>3.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>4.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>5.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>6.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>7.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>8.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.</li> <li>9.重要通知:內容不超出對象設置寬度高度限定，那就使用overflow:hidden隱藏超出多余部分即可.s</li> </ul> <ul?id="ul2"></ul> </div> </body> </html>