為什么我這個(gè)不會(huì)實(shí)現(xiàn)無縫滾動(dòng)
<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>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</li>
<li>帶敬愛靠上了解到愛上就打開了京東商城點(diǎn)擊了解到拉動(dòng)</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
你看著兩個(gè)之間有間距，是因?yàn)榫W(wǎng)頁本身有默認(rèn)樣式只要在<body>標(biāo)簽第一行加上
<style type="text/css">
*{
padding:0 auto;
margin:0 auto;}
</style>
顯示效果就是對(duì)的。
2016-08-09
是在滾動(dòng)，但是顯示有問題。我用的是搜狗瀏覽器。