前言：
此时我们对“js触屏左右滑动”都比较看重，各位老铁们都需要分析一些“js触屏左右滑动”的相关文章。那么小编在网络上汇集了一些对于“js触屏左右滑动””的相关知识，希望大家能喜欢，看官们一起来学习一下吧！简介
keen-slider 具有最原生APP效果的HTML触摸滑块轮播
特性开源、免费无任何依赖，原生js支持触摸、滑动、多点触控兼容大部分浏览器（包括IE10）安装
1、npm 安装
# npm 安装npm install keen-slider --save# 引用import 'keen-slider/keen-slider.min.css'import KeenSlider from 'keen-slider'const slider = new KeenSlider('#my-keen-slider')2、CDN引用
<html> <head> <link rel="stylesheet" href="; /> </head> <body> <div id="my-keen-slider" class="keen-slider"> <div class="keen-slider__slide">1</div> <div class="keen-slider__slide">2</div> <div class="keen-slider__slide">3</div> </div> <script src=";></script> <script> var slider = new KeenSlider('#my-keen-slider') </script> </body></html>使用初始化
# 根据dom对象初始化var slider = new KeenSlider('#my-slider', { loop: true, created: () => { console.log('created') }, ...})配置选项
回调事件
实例化方法
总结
keen-slider 整体上表现很是很不错的，和swiper基本差不多。但体积更小、兼容IE10。如果只是要用滑动、轮播、多点触控，强力推荐keen-slider。
源码地址：，有兴趣的同学可以自己研究一下，希望对大家能有所帮助。最后希望大家多多评论、关注、点赞、转发，你们的支持，是我更新下去的最大动力。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js触屏左右滑动
