Как реализовать свайп меню?

Question

[dev-executor]

Нужно реализовать меню которое на мобильной версии будет открываться и закрываться свайпом. Как такое реализовать?

P.S. желательно без jQuery

Answer 1

[tyzberd]

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin
это в эмуляторе с нажатым шифтом работает https://codepen.io/maddenamy/pen/RreXwo

Comments

[dev-executor]

а без jQuery?

[tyzberd]

https://slideout.js.org/

Answer 2

[lnked]

Можно с помощью библиотеки hammerjs
Пример использования:

var hammertime = new Hammer(document.body, {
    enable: true,
    recognizers: [
        [Hammer.Swipe, { direction: Hammer.DIRECTION_HORIZONTAL }]
    ]
});

hammertime.on('swipeleft', function(ev) {
    // hide menu
});

hammertime.on('swiperight', function(ev) {
    // show menu
});

Comments

[JackShcherbakov]

Вау!