Swipe up and Swipe down in javascript or jquery

Question

I am trying to do swipe up and swipe down like in the uploaded image using Javascript or Jquery for mobile

. 

$('#swipe').on('anyevent', function(e) {
   console.log(e);
   // take x,y detail from the e
   // assign height based on the x, y position
});

I use this code to try the swipe. But that event itself is not triggered. How to achieve this and what event I need to use for this?