使用hammer.js创建一个touchdrag侧抽屉

Question

我刚刚开始玩hammer.js，这真是太棒了，但是我无法做我正在寻找的东西。我正在尝试创建一个touchdrag抽屉，如果拖动它将移动到某个点。到目前为止我写过这个......

$(function () {
    var mb = $('#mainbody');

    Hammer(mb).on("dragleft dragright", function (ev) {
        ev.gesture.preventDefault();
        var deltaX = ev.gesture.deltaX;

        if (deltaX > 150) {
            deltaX = 150;
        }
        $(mb).attr('style', 'transform:translate3d(' + deltaX + 'px,0,0);');

    });
})

...但是，当我的元素停止到150px标记时，只要我触摸拖动以恢复它，它会将我的翻译重置为0并从那里开始而不是从我离开的位置开始。我已经尝试过研究hammer.js的例子，但我并不是那么先进的解析代码并编写自己的代码。任何帮助表示赞赏！