swipe hammer example

HTML

<script src="https://hammerjs.github.io/dist/hammer.min.js"></script>
<div id="blue"></div>

CSS

#blue{
	position:absolute;
	top:100px;
    left:100px;
	width:100px;
    height:100px;
	background-color:blue;
	cursor:pointer;
	right:
}

JavaScript

(function() {

    var blue = document.getElementById("blue");
    
    Hammer(blue).on("pan", function(event) {
      event.target.style.transform = 'translate(' + event.deltaX + 'px,' + event.deltaY + 'px)';
    });
   

})();