Swiped.js移動應(yīng)用滑動列表

Swiped.js 提供漂亮的移動應(yīng)用可滑動列表樣式，采用原生JS編寫。

功能特性：

• 免費，無依賴包

• 對不同程度的滑動顯示不同效果

• 支持類似QQ的滑動刪除

• 便于使用

• 支持CSS改變樣式

安裝

npm install swiped  
bower install swipe

使用

直接給HTML標(biāo)簽添加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();
});

實現(xiàn)滑動刪除

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