无缝滚动实现原理分析【公告栏】

2019独角兽企业重金招聘Python工程师标准>>>

<style>
#Father {overflow:hidden;width: 100px;height:100px;border:1px solid #000;}
#twins1{float: left;height: 100px;background-color: #666;}
#twins2{float: left;height: 100px;background-color: #999;}
</style>
 
<div id="Father">
     <div id="twins1">头文本文本文本文本文本文本文本文本文本文本尾</div>
     <div id="twins2"></div>
</div>
 
 
<script type="text/javascript">
var speed=50;


twins2.innerHTML=twins1.innerHTML;

function Marquee1(){
	if(Father.scrollTop>=twins1.offsetHeight){
		Father.scrollTop-=twins1.offsetHeight;
	}else{
		Father.scrollTop++;
	}
}

var MyMar=setInterval(Marquee1,speed);

 

转载于:https://my.oschina.net/710409599/blog/710087