Natural scrolling with Hammer JS

natural.hammer.js

if (!IS_TOUCH) {
		var $el = $('#YOUR_ELEMENT');
		Hammer($el[0]).on("dragstart", function(e) {
			$el.stop().data('dragstart', $el[0].scrollLeft).css('cursor', '-webkit-grabbing');
		});
		Hammer($el[0]).on("drag", function(e) {
			$el[0].scrollLeft = $el.data('dragstart') - e.gesture.deltaX;
		});
		Hammer($el[0]).on("dragend", function(e) {
			$el.css('cursor', '-webkit-grab');
			var verse = e.gesture.deltaX<0 ? 1 : -1;
			var cur = $el[0].scrollLeft;
			$el.stop().animate({
				scrollLeft: cur+verse*e.gesture.velocityX*300
			}, {
				easing: 'easeOutExpo',
				duration: 2000
			});
		});
	}