Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用hammer.js创建触摸拖动侧抽屉_Jquery_Css_Hammer.js - Fatal编程技术网

Jquery 使用hammer.js创建触摸拖动侧抽屉

Jquery 使用hammer.js创建触摸拖动侧抽屉,jquery,css,hammer.js,Jquery,Css,Hammer.js,我刚开始玩hammer.js,顺便说一句,它很棒,但我在做我想要的事情时遇到了麻烦。我正在尝试创建一个触摸拖动抽屉,如果拖动打开,它将向上移动到某个点。到目前为止我已经写了这个 $(function () { var mb = $('#mainbody'); Hammer(mb).on("dragleft dragright", function (ev) { ev.gesture.preventDefault(); var deltaX = e

我刚开始玩hammer.js,顺便说一句,它很棒,但我在做我想要的事情时遇到了麻烦。我正在尝试创建一个触摸拖动抽屉,如果拖动打开,它将向上移动到某个点。到目前为止我已经写了这个

$(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示例,但我在解析代码和编写自己的代码方面并没有那么先进。感谢您的帮助

你解决了这个问题吗?如果是这样,请将你的解决方案作为答案发布。不,我放弃了它,因为它会导致各种问题。你可以在谷歌上搜索snap.js