首页 > 移动平台 > 详细

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

时间:2016-11-29 06:10:23      阅读:478      评论:0      收藏:0      [点我收藏+]

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

 

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

 

 

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

 

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

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

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

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

 

 

再说一下querySelectorAll()选择器的问题

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

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

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!