Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/jenkins/5.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
Javascript 获取刷卡的速度值?_Javascript_Swipe_Hammer.js - Fatal编程技术网

Javascript 获取刷卡的速度值?

Javascript 获取刷卡的速度值?,javascript,swipe,hammer.js,Javascript,Swipe,Hammer.js,hammer.js()检查滑动的速度,我想知道如何获得该值,以确定元素#visitContent的左边距应该有多大,并获得更平滑的滑动 html 无礼 还有一把小提琴 从您的JSFIDLE判断,您现在使用的是平移手势,而不是滑动手势。因此,在平移事件处理程序中,您应该能够像下面这样访问拖动速度: function panGestureHandler(ev){ var velocity = ev.gesture.velocity; var velocityX = ev.gestur

hammer.js()检查滑动的速度,我想知道如何获得该值,以确定元素#visitContent的左边距应该有多大,并获得更平滑的滑动

html

无礼

还有一把小提琴

从您的JSFIDLE判断,您现在使用的是平移手势,而不是滑动手势。因此,在平移事件处理程序中,您应该能够像下面这样访问拖动速度:

function panGestureHandler(ev){
    var velocity = ev.gesture.velocity;
    var velocityX = ev.gesture.velocityX;
    var velocityY = ev.gesture.velocityY;
    console.log("horizontal drag speed = " + velocityX);
}
var visits = document.getElementById('visits');
var mc = new Hammer(visits, {velocity:0.80});

mc.on("swipeleft", function(ev) {
    $('#visitsContent').css({
    marginLeft : '-=200px'
})
});
mc.on("swiperight", function(ev) {
    $('#visitsContent').css({
    marginLeft : '+=200px'
})
});
    #visits
    width: 100%
    padding: 0px
    border-bottom: none
    background-color: $backgroundColorSecond
    margin-bottom: 10px
    margin-left: -20px
    #visitsContent
        div
            width: 180px
            height: 180px
            float: left
            margin-left: 5px
            background-color: green
            color: black
            text-align: center
function panGestureHandler(ev){
    var velocity = ev.gesture.velocity;
    var velocityX = ev.gesture.velocityX;
    var velocityY = ev.gesture.velocityY;
    console.log("horizontal drag speed = " + velocityX);
}