Смахните вверх и проведите вниз в javascript или jquery

Question

Я пытаюсь провести пальцем вверх и вниз, как на загруженном изображении, используя Javascript или Jquery для мобильных устройств

. введите описание изображения здесь

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

Я использую этот код, чтобы попробовать смахнуть. Но само событие не запускается. Как этого добиться и какое событие мне нужно для этого использовать?

Answer 1

для прокрутки вниз

$('#mydiv').on('swipedown',function(){alert("swipe down triggered..");} );

для прокрутки вверх $('#mydiv').on('swipeup',function(){alert("swipe up triggered..");} );

Нажмите на скрипку, чтобы см. весь код написанных выше двух функций. Скрипка