本篇文章主要介绍了如何用H5实现一个触屏版的轮播器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

初入前端，分享一下手机上触屏版轮播器的实现过程，大致功能如下： 1、支持循环滑动 2、宽度可任意设置，不需要与屏幕等宽 3、页面可纵向滚动 4、可设置回调监听元素的切换 5、纯js，不借助任何第三方库 原理 1、假设子元素.item的width为375px，使用绝对定位将所有子元素放在父元素内 2、将父元素.carousel的width设置为375px，与子元素.item宽度相同 3、为父元素.carousel添加触摸事件：touchstart, touchmove, touchend 4、手指