刷上外套侧面菜单

时间:2013-12-13 22:11:00

标签: javascript jquery css cordova topcoat

所以我正在使用面漆制作一个phonegap应用,并实现了一个飞出菜单here。我正在使用此脚本打开/关闭菜单

$(function () {

    var slideMenuButton = document.getElementById('slide-menu-button');
    slideMenuButton.onclick = function (e) {
        var cl = document.body.classList;
        if (cl.contains('left-nav')) {
            cl.remove('left-nav');
        } else {
            cl.add('left-nav');
        }
    };

});

现在一切正常,但我想添加的是能够滑动以关闭面板并打开它。我已经看到jquery的触摸库似乎提供了一个解决方案(例如TouchSwipe),但我想尝试尽可能接近1:1的触摸移动交互。

任何人都知道我应该采取什么方向来实现这一目标或有任何想法?任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:2)

发现这个并且通过一些重命名的类,我得到了一个触摸滑出菜单,它可以按照我想要的方式工作。它被称为Bamboo.js

Here's a demo of it