首頁猿問關(guān)于if(oDiv.scrollT...

關(guān)于if(oDiv.scrollTop % liHeight == 0) ？

JavaScript

慕粉3737823 2016-10-06 23:22:36

各位大神，今天在DW里測試了間歇滾動練習(xí)，依照視頻步驟寫，發(fā)現(xiàn)此處代碼沒起作用if(oDiv.scrollTop % liHeight == 0) ?整體代碼如下：（變量和老師設(shè)的不一樣）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);}程序不會間歇.....單獨改那句發(fā)現(xiàn)，oDiv.scrollTop遞增值都是小數(shù)，用了如下方法測試if(oDiv.scrollTop >=24){? ?clearInterval(time);alert(oDiv.scrollTop);彈出oDiv.scrollTop值為一堆小數(shù)，對24取余肯定不能得0，這是為什么，請指教謝謝

查看完整描述

3 回答

其實我真的不是東北人

TA貢獻(xiàn)105條經(jīng)驗獲得超66個贊

代碼貼出來幫你改，只有js 不好說

1 反對回復(fù) 2016-10-07

慕粉3737823
謝謝 IE可以停頓請問如何改動在chrome可以正常運行？ <body> <div id="mooc"> <h3 id="moocTitle">最新課程<a href="#" target="_self">更多>></a> </h3> <div id="moocBox"> <ul id="con1"> <li><a href="#">1.學(xué)會html5 絕對的屌絲逆襲（案例）</a><span>2013-09-18</span></li> <li><a href="#">2.tab頁面切換效果（案例）</a><span>2013-10-09</span></li> <li><a href="#">3.圓角水晶按鈕制作（案例）</a><span>2013-10-21</span></li> <li><a href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li> <li><a href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li> <li><a href="#">6.導(dǎo)航條菜單的制作（案例）</a><span>2013-11-08</span></li> <li><a href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li> <li><a href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li> <li><a href="#">9.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li> </ul> <ul id="con2"> </ul> </div> </div>

回復(fù) 2016-10-07
慕粉3737823
代碼太長貼不下貼出來格式跑了。。 <style> body { font-size: 12px; line-height: 24px; text-algin: center; *{ margin:0; padding:0} ul{ list-style:none;} a { color: #333; text-decoration: none; a:hover { color: #ff0000;} #mooc { width: 399px; border: 5px solid #ababab; border-radius: 15px; box-shadow: 2px 2px 50px #ababab; margin: 50px auto 0; text-align: left;} #moocTitle { overflow: hidden; height: 62px; font-size: 26px; line-height: 62px; padding-left: 30px; border: 1px solid #f05e6f; border-radius: 8px 8px 0 0; color: #fff; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05e6f), color-stop(1, #c9394a)); } #moocTitle a{ position: absolute; right: 10px; bottom: 10px; display: inline; color: #fff; font-size: 12px; line-height: 24px;} #moocBox { height: 144px; width: 335px; margin-left: 25px; margin-top: 10px; overflow:hidden} #mooc ul li { height: 24px;} #mooc ul li a{ width: 250px; float: left; display: block; overflow: hidden; text-indent: 15px; height: 24px;} #mooc ul li span {float: right;color: #999;} </style>

回復(fù) 2016-10-07
其實我真的不是東北人
什么效果也沒有啊，都不知道你要問的是什么問題

回復(fù) 2016-10-09