相信在做移动端时大家都会遇到一个常见的问题就是触屏滑动。今天带着大家来学习,解决下这个问题。
(学习内容来源于Swiper中文网,有兴趣的可以去搜搜看)
Swiper使用方法
1.首先加载插件,需要用到的文件有和文件。
... ...
如果你的页面加载了或者,你可以选择使用更轻便的。
... ...
2.HTML内容。
导航等组件可以放在container之外
3.你可能想要给Swiper定义一个大小,当然不要也行。
.swiper-container { width: 600px; height: 300px; }
4.初始化Swiper:最好是挨着</body>标签
如果不能写在HTML内容的后面,则需要在页面加载完成后再初始化。
或者这样(Jquery和Zepto)
5.完成。恭喜你,现在你的Swiper应该已经能正常切换了。