how to close a navigation menu by swiping it?

Question

hey everybody I just wonder how you can create that animation when swiping the menu, I'll give you an example in this website

https://jooble.org/

you press the navigation bars (when you are on your phone) and the it shows the menu, then you can swipe it to hide it.
how can you do it with just vanilla javascript?
it's difficult to find tutorials on it😅

Answer 1

One of solution would be to track position and to check does user "swap".
This video show how to detect orientation of swipe:
https://youtu.be/AiRNt4asPQI
Here is more about events on phone, in beggining you can see touch object and all values it have, you can this access values and calculate data you need
https://youtu.be/ga_SLzsUdTY

Hope this videos can help you to understand more

Answer 2

Here is one more it show only swipe:
https://youtu.be/bV9idMbioqg

Answer 3

PanicS thank you so much! the videos were helpful 👍