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

怎么不动？求大神指点

<body>

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

</ul>

</div>

</div>

var area=document.getElementById('news-box');

var con1=document.getElementById('con1');

area.innerHTML+=area.innerHTML;

area.scrollTop=0;

function scrollUp(){

if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0;}

else{area.scrollTop++;}

}

var time=50;

setInterval("scrollUp()",time);

</script>

</body>

hznn

2015-07-27

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

关注问题我要回答

622

操作

收起

2 回答

小王子抓猫咪
2015-11-11

function scrollUp(){

if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0;}

else{area.scrollTop++;}

}

你这里的代码是照老师抄的，老师写错了，应该是scrollHeight,而不是offsetHeight，

这个坑太害人了。

0 回复有任何疑惑可以回复我~

收起回答

arlenhui
2015-07-28

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子选择符</title>
<style type="text/css">
.first>span{color:red;}
#second>span{color:green;}
</style>
</head>
<body>
    <body>
<div id="news">
<!--top-->
  <div id="newstitle">最新课程<a href="#" target="_self">更多>></a></div>
  <!--content-->  
  <div id="news-box">
    <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>
   
  </div>
<!--bottom--> 
<div id="news-boot"></div> 
</div>
<script type="text/javascript">
 var area=document.getElementById('news-box');
 var con1=document.getElementById('con1');
 area.innerHTML+=area.innerHTML;
 document.body.scrollTop=0;
 
 function scrollUp(){
     
 if(document.body.scrollTop >=area.offsetHeight-document.documentElement.clientHeight){ console.log(area.offsetHeight);document.body.scrollTop=0;}
 else{console.log(document.body.scrollTop);document.body.scrollTop++;}
 }
 var time=50;
 setInterval("scrollUp()",time);

</script>
</body>
</body>
</html>

判断有问题，具体判断的话···我也测试了几个都用不好，不过效果是有了