移动端上轮播图无缝滚动原理
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端上轮播图无缝滚动原理相关的知识，希望对你有一定的参考价值。
移动端上轮播图无缝滚动原理
和pc上的不同点是，在移动端，用户按下一张图我们不知道用户会往哪里划，往左往右都有可能
假设两组完全一样的图，每组三个
第一张图和张图有被拖出去风险
解决办法，当手指按到第一张图的时候，立马把它变成第四张图，
当手指按到第六张图的时候，立马把它变成第三张图
这样就不会有被拖出去的风向
再说一下querySelectorAll（）选择器的问题
当下面的东西改了，这个选择器不会重新计算，多少个还是多少个
所以要用querySelectorAll一定是当整个dom都修改完了才用这个选择器
以上是关于移动端上轮播图无缝滚动原理的主要内容，如果未能解决你的问题，请参考以下文章