translate3d 无缝轮播图尾图和首图切换

用translate3d做无缝轮播图时,尾图和首图切换的时候总是有回退效果,不知道该怎么解决。就是过度时间设置为0也不行。求各位大神指点一下。搞了好久实在搞不明白

阅读 4.6k
2 个回答

?没有解决的

一个思路,translate设置在一个div容器,内部两个图片列表容器,然后利用clone(),滚动过去一个图片就克隆到后面的图片列表里面,等第一个图片列表当中都没有图片的时候就把第一个图片列表容器放在第二个列表容器后面,只需要监听translate滚动(这个自己想点办法)。
大概布局可以这样

<div class="row">
    <div class="translate">
        <ul></ul>
        <ul></ul>
    </div>
</div>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题