• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.

iPad Webapp – allow just horizontal movement.

0 votes

I made an Ipad Webapp, perfectly sized fullscreen. My hole navigation is based on horizontal swipes.

It works pretty well, when adding "iscroll", because vertical movement of the page is then disabled. Unfortunately I have to deactivate a few pages for scrolling, … and on this pages i can now move the page vertically.

That s a problem, because it s not very nice to swipe, when hole pages moves in every direction.


Is there a code, which bans the vertical movement?

 

 

(this is the code im using to exclude pages: $(function(){

    $('#container').swipe({excludedElements:$.fn.swipe.defaults.excludedElements+=',.page[data-name="1"]…
 
 
 
Thank you a lot.
asked Feb 28 in how_to by ehO (350 points)
    
Do you want to ban vertically scrolling on some pages or all pages?
all pages. Thank you a lot Justin!

1 Answer

0 votes

I think if you atach the following code as .js file in the Resources section of the in5 dialog, it should disable scrolling on every page once the document has loaded.

$(window).load(function() {
   $("#container").swipe("option", "allowPageScroll", "none" );
});
answered Mar 8 by justin (104,470 points)
Hi Justin,

thank you, I will try it
...