https://github.com/marfullsen/swipe-pages-effect-js

Swipe pages effect using pure js
https://github.com/marfullsen/swipe-pages-effect-js

pure-javascript purecss swipe swipe-gestures swipeable swiper swiper-slider vanilla vanilla-javascript vanilla-js vanillajs

Last synced: about 2 months ago
JSON representation

Swipe pages effect using pure js

• Host: GitHub
• URL: https://github.com/marfullsen/swipe-pages-effect-js
• Owner: Marfullsen
• Created: 2021-11-27T00:33:16.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-27T04:02:58.000Z (over 3 years ago)
• Last Synced: 2025-01-10T05:36:28.971Z (3 months ago)
• Topics: pure-javascript, purecss, swipe, swipe-gestures, swipeable, swiper, swiper-slider, vanilla, vanilla-javascript, vanilla-js, vanillajs
• Language: HTML
• Homepage: https://marfullsen.github.io/swipe-pages-effect-js/
• Size: 103 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

    

  



Swipe Pages in Pure Javascript














  Swipe Between Two Pages using Vanilla JS.



## 🧐 About 

Transcription of the code from [swipe pages in pure javascript](https://www.youtube.com/watch?v=bV9idMbioqg) by [Real Project Mastery](https://www.youtube.com/channel/UCm8qqU47OfA_3jforf37cwg).

## 📘 Preview 

The preview is available on [marfullsen.rocks/swipe-pages-effect-js/](https://marfullsen.github.io/swipe-pages-effect-js/)

## 🔧 Desktop browsers 

To test on a desktop browser, go to **DevTools**, and then click on *Toggle device toolbar*.



## 🎉 References 

- [Swipe pages in pure javascript](https://www.youtube.com/watch?v=bV9idMbioqg)

- [The Touch Event](https://www.w3schools.com/jsref/obj_touchevent.asp)