swiper-do-swipe.js v0.6

This software is for touch-screen web apps, and Phonegap-style apps, that want swiping and scrolling with 'pages' arranged like this

It supports Android, mobile Firefox, and iOS.

Demo

Swipe the page left or right, or up and down, with touch or mouse.

And choose a page effect if you want it Flat Perspective

Features

• • it's fast (using requestAnimationFrame, fast click, reduced GPU texture size during swipe, and other optimisations)
• • live animation feedback during swipe (not just a 'completed swipe' animation like jQuery Mobile et al)
• • designed to be extensible with other swipe animations
• • has callback for page turning that you can tie into your mobile app
• • no dependencies

Also it works around some significant Android bugs to do with scrolling and swiping (1, 2).

Usage

var swiper = swiper_do_swipe(
    $("section"),
    swiper_do_swipe_effects.perspective
);

var callback = function(event, $page, index){
    console.log(event, $page, index);
}

swiper.onchange(callback).oninit(callback);

Source

on Github

Filler content

1. more content to show scrolling.
2. more content to show scrolling.
3. more content to show scrolling.
4. more content to show scrolling.
5. more content to show scrolling.
6. more content to show scrolling.
7. more content to show scrolling.
8. more content to show scrolling.
9. showing that click events still work.
10. more content to show scrolling.
11. more content to show scrolling.
12. more content to show scrolling.
13. more content to show scrolling.
14. more content to show scrolling.
15. more content to show scrolling.
16. more content to show scrolling.
17. more content to show scrolling.
18. more content to show scrolling.
19. more content to show scrolling.
20. more content to show scrolling.
21. more content to show scrolling.
22. more content to show scrolling.
23. more content to show scrolling.
24. more content to show scrolling.
25. more content to show scrolling.
26. more content to show scrolling.
27. more content to show scrolling.
28. more content to show scrolling.
29. more content to show scrolling.
30. more content to show scrolling.
31. more content to show scrolling.
32. more content to show scrolling.
33. more content to show scrolling.
34. more content to show scrolling.
35. more content to show scrolling.
36. more content to show scrolling.
37. more content to show scrolling.
38. more content to show scrolling.
39. more content to show scrolling.
40. more content to show scrolling.
41. more content to show scrolling.
42. more content to show scrolling.
43. more content to show scrolling.
44. more content to show scrolling.

page 2

section 3

section 4

you can't swipe further i won't let you!

1. more content to show scrolling.
2. more content to show scrolling.
3. more content to show scrolling.
4. more content to show scrolling.
5. more content to show scrolling.
6. more content to show scrolling.
7. more content to show scrolling.
8. more content to show scrolling.
9. more content to show scrolling.
10. more content to show scrolling.
11. more content to show scrolling.
12. more content to show scrolling.
13. more content to show scrolling.
14. more content to show scrolling.
15. more content to show scrolling.
16. more content to show scrolling.
17. more content to show scrolling.
18. more content to show scrolling.
19. more content to show scrolling.
20. more content to show scrolling.
21. more content to show scrolling.
22. more content to show scrolling.
23. more content to show scrolling.
24. more content to show scrolling.
25. more content to show scrolling.
26. more content to show scrolling.
27. more content to show scrolling.
28. more content to show scrolling.
29. more content to show scrolling.
30. more content to show scrolling.
31. more content to show scrolling.
32. more content to show scrolling.
33. more content to show scrolling.
34. more content to show scrolling.
35. more content to show scrolling.
36. more content to show scrolling.
37. more content to show scrolling.
38. more content to show scrolling.
39. more content to show scrolling.
40. more content to show scrolling.
41. more content to show scrolling.
42. more content to show scrolling.
43. more content to show scrolling.
44. more content to show scrolling.
45. more content to show scrolling.
46. more content to show scrolling.
47. more content to show scrolling.
48. more content to show scrolling.
49. more content to show scrolling.
50. more content to show scrolling.
51. more content to show scrolling.
52. more content to show scrolling.
53. more content to show scrolling.
54. more content to show scrolling.
55. more content to show scrolling.
56. more content to show scrolling.
57. more content to show scrolling.
58. more content to show scrolling.
59. more content to show scrolling.
60. more content to show scrolling.
61. more content to show scrolling.
62. more content to show scrolling.
63. more content to show scrolling.
64. more content to show scrolling.
65. more content to show scrolling.
66. more content to show scrolling.
67. more content to show scrolling.
68. more content to show scrolling.
69. more content to show scrolling.
70. more content to show scrolling.
71. more content to show scrolling.
72. more content to show scrolling.