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

Page1
you are here
Page2 Page3 Page4

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

Features

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

Page1 Page2
you are here
Page3 Page4

section 3

Page1 Page2 Page3
you are here
Page4

section 4

Page1 Page2 Page3 Page4
you are here

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.