為什么我這個不會實現無縫滾動
<div id="content" style="width: 300px; height: 400px; border:1px solid #e6e6e6; overflow: hidden;">
<ul id="con1" style="color: #333; line-height: 23px; background: #fc0">
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點擊了解到拉動</li>
</ul>
<ul id="con2" style=" background: #cc6600"></ul>
</div>
<script type="text/javascript">
? ? ? ? var con=document.getElementById("content");
? ? ? ? var c1=document.getElementById("con1"),
? ? ? ? ? ? c2=document.getElementById("con2");
? ? ? ? ? ? c2.innerHTML=c1.innerHTML;
?function move(){
if(con.scrollTop>=c1.offsetHeight){
con.scrollTop=0;
}
else{
con.scrollTop++;
}
?}
? ? ?var se=setInterval("move()",50);
? ? ? ? ??
</script>
2016-08-09
你看著兩個之間有間距，是因為網頁本身有默認樣式只要在<body>標簽第一行加上
<style type="text/css">
*{
padding:0 auto;
margin:0 auto;}
</style>
顯示效果就是對的。
2016-08-09
是在滾動，但是顯示有問題。我用的是搜狗瀏覽器。