移动端上轮播图无缝滚动原理

标签：cto   完全   移动   tor   选择   选择器   滚动   轮播   nbsp   

移动端上轮播图无缝滚动原理

和pc上的不同点是，在移动端，用户按下一张图我们不知道用户会往哪里划，往左往右都有可能

假设两组完全一样的图，每组三个

第一张图和张图有被拖出去风险

解决办法，当手指按到第一张图的时候，立马把它变成第四张图，

当手指按到第六张图的时候，立马把它变成第三张图

这样就不会有被拖出去的风向

再说一下querySelectorAll（）选择器的问题

当下面的东西改了，这个选择器不会重新计算，多少个还是多少个

所以要用querySelectorAll一定是当整个dom都修改完了才用这个选择器

移动端上轮播图无缝滚动原理

标签：cto   完全   移动   tor   选择   选择器   滚动   轮播   nbsp   

原文地址：http://www.cnblogs.com/cjie/p/6111761.html