阅读背景:

html图片自动向左滚动代码,图片无缝滚动代码(向左/向下/向上)_勇客的博客

来源:互联网 

想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: