关于if(oDiv.scrollTop % liHeight == 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，这是为什么，请指教谢谢

查看完整描述

3 回答

其实我真的不是东北人

TA贡献105条经验获得超66个赞

代码贴出来帮你改，只有js 不好说

1 反对回复 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.学会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基础课程(系列)</a><span>2013-11-01</span></li> <li><a href="#">5.分页页码制作（案例）</a><span>2013-11-06</span></li> <li><a href="#">6.导航条菜单的制作（案例）</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.如何实现“新手引导”效果</a><span>2013-12-06</span></li> </ul> <ul id="con2"> </ul> </div> </div>

回复 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>

回复 2016-10-07
其实我真的不是东北人
什么效果也没有啊，都不知道你要问的是什么问题

回复 2016-10-09

点击展开后面1条

qq_风魔小太郎_1

TA贡献1条经验获得超0个赞

我也遇到了这个问题,都是小数的话取余大部分时候都不是0

不知道楼主解决这个问题了吗

反对回复 2018-06-27

热搜

最近搜索清空

关于if(oDiv.scrollTop % liHeight == 0) ？

关于if(oDiv.scrollTop % liHeight == 0) ？

3 回答

添加回答