Swipe left/right to get into a new area

Question

How can i make that the user can swipe left/right to get to a new area like in the sololearn app we can swipe around to get to the questions or challenges etc but how can i make this on my website with html,css and js?

i want a section with some infos and when the user swipes right he will see the other content. but i want that when you swipe just a bit that you cant see the other only when you swipe all the way right.

i dont know if this was good explained.
sry i cant well english

Answer 1

Not a complete answer, but these are swipe demonstrations that work on SoloLearn:

https://code.sololearn.com/WJveUSCzVZid/?ref=app
https://code.sololearn.com/WuFMCeNCxzyC/?ref=app

Answer 2

Here's an image slider where horizontal swipe gesture is implemented with JS:

https://code.sololearn.com/WrNtLtVqXcfk/?ref=app

Answer 3

You can use Hammer.js for touch gestures. Using this with tabbed sections in your web page should get the desired effect. Look into something like bootstrap tabs.

Answer 4

Thank you all so much for this help