首页 >web前端 >html教程 >图片无缝滚动(div+css)_html/css_WEB-ITnose

图片无缝滚动(div+css)_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:29:291032浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn