开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
Swiped.js首页、文档和下载 - 移动应用滑动列表 - 开源中国社区
全部项目分类
我要评价
MIT
JavaScript 查看源码»
跨平台
分享
收藏
2 人收藏
收录时间:2016-03-29
Swiped.js 详细介绍

Swiped.js 提供漂亮的移动应用可滑动列表样式,采用原生JS编写。

swiped.js

功能特性:

  • 免费,无依赖包

  • 对不同程度的滑动显示不同效果

  • 支持类似QQ的滑动删除

  • 便于使用

  • 支持CSS改变样式

安装

npm install swiped  
bower install swipe

使用

直接给HTML标签添加Class即可:

<div class="foo">
    elem1
</div>

多个滑动项 :

<ul class="bar">
    <li>
        elem3
    </li>
    <li>
        elem4
    </li>
    <li>
        elem5
    </li>
</ul>

收缩 :

<div class="foo"><span></span>element 16</div>

单个初始化 :

var s1 = Swiped.init({
    query: '.foo',
    right: 300});

多个初始化 :

var s2 = Swiped.init({
    query: '.bar li',
    list: true,
    left: 200,
    right: 200});

收缩功能初始化 :

var s3 = Swiped.init({
    query: '.foo',
    left: 400
});

document.querySelector('.foo span').addEventListener('touchstart', function() {
    s3.toggle();
});

实现滑动删除

Swiped.init({
    query: '.baz',
    right: 400,
    onOpen: function() {
        this.destroy(true)
    }
});
Swiped.js

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 Swiped.js 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部