javascript - 获取滑动的速度值？

Question

hammer.js ( http://hammerjs.github.io/recognizer-swipe/ ) 检查滑动的速度，我想知道如何获得这个值以阻止我的元素 #visitContent 的 margin-left 应该有多大，并获得更平滑的滑动。

html

    <section id="visits">
            <div id='visitsContent'>
              <div></div>
              <div></div>
              <div></div>
            </div>
        </section> 

Javascript

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

还有一个 fiddle http://jsfiddle.net/mL911mqn/

Answer 1

从您的 jsfiddle 来看，您现在似乎正在使用平移手势而不是滑动手势。因此，在您的平移事件处理程序中，您应该能够像这样访问拖动速度:

function panGestureHandler(ev){
    var velocity = ev.gesture.velocity;
    var velocityX = ev.gesture.velocityX;
    var velocityY = ev.gesture.velocityY;
    console.log("horizontal drag speed = " + velocityX);
}