首页 > 开发 > CSS > 正文

这个slideshow插件的无缝滚动是如何实现的呢?

2017-09-12 09:39:41  来源: 网友分享

demo网址 www.slidejs.com
审查元素并没有看到dom树上有什么改变,就不知道这个是如何做到无缝滚动的了
ps. 望各位再补充一些 slidershow 实现的原理,谢谢大家啦 (๑•̀ω•́)ノ

解决方案

slidejs 没有用常规的clone dom来做滚动。
主要的方法是用绝对定位,重点在最后一张图滚动完成时触发了complete事件,瞬间改变了最后一张图和第一张图的绝对定位,然后又恢复了第一张的位置,欺骗了你的眼睛,从而达到效果。