css + js实现无缝滚动字幕
利用js和css就可以很方便的实现一个无缝滚动字幕,使得列表在一个方框里不停滚动
目录
实现思路
定义两个滚动块,内容一模一样,从下往上两个紧挨着滚动,当第一个滚动块滚动出容器时(即第二个滚动块顶到了容器的上边缘),此时我们将第一个滚动块设置位置到容器上边缘,由于两个滚动块一模一样,从效果上我们也看不出来容器的内容发生了替换。
html 代码
<div class="box" id="box">
<ul class="col1" id="col1">
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>