TouchSwipe Demo - to be viewed on touch based devices

Advanced 2 - Page Scrolling
You can set how page scrolling is handled by the browser when the user is interacting with a touchSwipe object.
There are 4 possible settings for the allowPageScroll option;
NOTE: if the general swipe or swipeStatus handlers are specificed, then allowPageScroll will be dissabled by default, as they detect swipes in all directions. To use scrolling AND the swipe handler, set allowPageScroll to the direction you want the user to be able to scroll.

Previous | Next

allowPageScroll = "auto"
Swipe Left or Right The swipe will trigger but the page will NOT scroll.
Swipe Up or Down The page will scroll as there is no up or down swipe handler.
Swipe me


allowPageScroll = "none"
Swipe Left The swipe will trigger but the page will NOT scroll.
Swipe right, Up or Down No swipe handler is defined, so nothihng happens and the page will NOT scroll.
Swipe me



With the general swipe or swipeStatus handlers
These enable all 4 directions, so allowPageScroll is dissabled by default.
Swipe me


allowPageScroll = "vertical"
With the general swipe or swipeStatus handlers
These enable all 4 directions, but here we have set allowPageScroll to "vertical" so the user can scroll up and down, and swipe left and right with the general swipe handler.

Note how the vertical swipe is hit and miss. As soon as the page starts scrolling, the user is no longer swiping across the object.
Swipe me
Previous | Next