无法滑动？

.my-slider-container {touch-action:pan-y;//横向滚动时 ortouch-action:pan-x;//纵向滑动时}

安装

npm install touchslider

如何使用

// 如果使用webpack或者requirejs或者browserify等构建工具，可以这样：varTouchSlider=require('touchslider');// 也可以直接在下载本文件，直接在页面中引入varts=newTouchSlider('container id',{duration:600,//int 页面过渡时间direction:1,//int 页面切换方向，0横向，1纵向start:0,//int 默认显示页面align:'center',//string 对齐方式，left(top) center(middle) right(bottom)mouse:true,//bool 是否启用鼠标拖拽mousewheel:false,//bool 是否启用鼠标滚轮切换arrowkey:false,//bool 是否启用键盘方向切换fullsize:true,//bool 是否全屏幻灯（false为自由尺寸幻灯）autoplay:true,//bool 是否自动播放幻灯interval:int//bool 幻灯播放时间间隔});//调用方法ts.prev();//上一张ts.next();//下一张ts.slide(n);//第n张ts.play();//播放幻灯ts.pause();//暂停幻灯ts.prepend(DOM_NODE);//前增页面ts.append(DOM_NODE);//后增页面ts.insertBefore(DOM_NODE,index);//在index前添加ts.insertAfter(DOM_NODE,index);//在index后添加ts.remove(index);//删除第index页面ts.isStatic();//是否静止状态ts.destroy();//销毁TouchSlider效果对象/* 事件绑定 * event可选值: * * before 页面切换前 * after 页面切换后 * dragStart 开始拖拽 * dragMove 拖拽中 * dragEnd 结束拖拽 */ts.on(event,callback);

兼容性

demo 地址