js实现循环无缝滚动

原理一(scrollDiv滚动,浮动改变left值)

大的div(bigDiv)包含一个滚动的div(scrollDiv),这个scroll宽度必须大于bigDiv。当scroll滚动完之后不能显示空白,所以要创建一个同样的scroll放到原来的scroll后面,并把原来的scroll的left值变为0;实现无缝滚动;

原理二(bigDiv滚动其scrollLeft++,使其滚动)

让在外面的bigDiv 滚动ScrollLeft++当到达某个位置是让他复位,然后在++

原理一代码




    
    Title
    


原理二代码




无缝滚动


你可能感兴趣的:(js实现循环无缝滚动)