title: get the velocity value of a swipe?
body: <p>hammer.js (<a href="http://hammerjs.github.io/recognizer-swipe/" rel="nofollow">http://hammerjs.github.io/recognizer-swipe/</a>) checks the velocity of the swipe, I wonder how to get this value in order to determent how big the margin-left of my element #visitContent should be and get a smoother swipe.</p>
  
  <p>html</p>
  
  <pre><code>    &lt;section id="visits"&gt;
              &lt;div id='visitsContent'&gt;
                &lt;div&gt;&lt;/div&gt;
                &lt;div&gt;&lt;/div&gt;
                &lt;div&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt; 
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>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'
  })
  });
  </code></pre>
  
  <p>sass</p>
  
  <pre><code>    #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
  </code></pre>
  
  <p>there is also a fiddle
  <a href="http://jsfiddle.net/mL911mqn/" rel="nofollow">http://jsfiddle.net/mL911mqn/</a></p>