用translate3d做无缝轮播图时,尾图和首图切换的时候总是有回退效果,不知道该怎么解决。就是过度时间设置为0也不行。求各位大神指点一下。搞了好久实在搞不明白
用translate3d做无缝轮播图时,尾图和首图切换的时候总是有回退效果,不知道该怎么解决。就是过度时间设置为0也不行。求各位大神指点一下。搞了好久实在搞不明白
一个思路,translate设置在一个div容器,内部两个图片列表容器,然后利用clone(),滚动过去一个图片就克隆到后面的图片列表里面,等第一个图片列表当中都没有图片的时候就把第一个图片列表容器放在第二个列表容器后面,只需要监听translate滚动(这个自己想点办法)。
大概布局可以这样
<div class="row">
<div class="translate">
<ul></ul>
<ul></ul>
</div>
</div>
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
?没有解决的