博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Swiper 触屏滑动切换
阅读量:5861 次
发布时间:2019-06-19

本文共 599 字,大约阅读时间需要 1 分钟。

相信在做移动端时大家都会遇到一个常见的问题就是触屏滑动。今天带着大家来学习,解决下这个问题。

(学习内容来源于Swiper中文网,有兴趣的可以去搜搜看)

Swiper使用方法

1.首先加载插件,需要用到的文件有和文件。

 ... 
...

如果你的页面加载了或者,你可以选择使用更轻便的。

 ... 
...

2.HTML内容。

Slide 1
Slide 2
Slide 3
导航等组件可以放在container之外

3.你可能想要给Swiper定义一个大小,当然不要也行。

.swiper-container {    width: 600px; height: 300px; }

4.初始化Swiper:最好是挨着</body>标签

 

如果不能写在HTML内容的后面,则需要在页面加载完成后再初始化。

或者这样(Jquery和Zepto)

5.完成。恭喜你,现在你的Swiper应该已经能正常切换了。

 

 

转载于:https://www.cnblogs.com/thongyan/p/7149118.html

你可能感兴趣的文章
MySQL/InnoDB的并发插入Concurrent Insert
查看>>
转两好文防丢:Debian 版本升级/降级 & Linux 应用程序失去输入焦点问题的解决...
查看>>
HDU - Pseudoforest
查看>>
Nexus杂
查看>>
Linux平台Java调用so库-JNI使用例子
查看>>
Spring Data JPA
查看>>
Web服务器压力测试工具http_load、webbench、ab、Siege使用教程
查看>>
Mac软件下载备忘
查看>>
java 泛型初探
查看>>
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory
查看>>
就是一个表格
查看>>
CakePHP 2.x CookBook 中文版 第三章 入门 之 CakePHP 的结构
查看>>
找回使用Eclipse删除的文件
查看>>
rabbitmq 消息系统 消息队列
查看>>
集成spring3、hibernate4、junit
查看>>
URL与ASCII
查看>>
Redis.conf 说明
查看>>
我的友情链接
查看>>
java读取properties配置文件
查看>>
UITableview中cell重用引起的内容重复的问题
查看>>