移动端全屏滑动的小插件，简单，轻便，好用，只有3k swiper,myswiper,page,stage

最新推荐文章于 2019-06-26 17:27:14 发布

转载最新推荐文章于 2019-06-26 17:27:14 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/donglegend/p/5367261.html

文章标签：

#javascript #ViewUI

mySwiper是一款专为移动端设计的轻量级全屏滑动插件，仅3KB大小。支持垂直和水平滑动方向，并提供丰富的配置选项。适用于各种移动网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://github.com/donglegend/mySwiper

mySwiper

移动端全屏滑动的小插件，简单，轻便，好用，只有3k

下载

直接下载
bower install mySwiper

预览

预览demo

使用

支持amd和cmd规范

直接引入

<link rel="stylesheet" type="text/css" href="dist/swiper.css">
<script type="text/javascript" src="dist/swiper.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper(ops);
</script>

require.js 和 sea.js 引入

node环境引入

var Swiper = require("dist/swiper");
var mySwiper = new Swiper();

参数

stage: ".stage", //容器，默认类名  .stage
page: ".page", //单页面, 默认类名  .page
direction: "vertical", //方向 vertical(默认)， horizontal
activeClass: "active", 
threshold: 50, // 翻页阈值，滑动的最小距离
duration: 300, // 页面过度 时间
elastic: 3 //弹性大小，值越大，滑动越不容易

转载于:https://www.cnblogs.com/donglegend/p/5367261.html