search

tegansnyder / JQuery-Mobile-Slide-Menu

A sliding menu similar to Facebook and Path's approach to menu design on mobile. This is a JQuery Mobile example. DEMO URL below:
http://www.tegdesign.com/tegansnyder-JQuery-Mobile-Slide-Menu
208 stars 65 forks source link

Avoid moving the whole layout #14

Open jcalonso opened 11 years ago

jcalonso commented 11 years ago

Hi,

I don't know if its a bug but happens in my app and in the demo app.

When you open the menu and then swipe to the left the whole layout moves giving a very bad experience to the user.

Is there a way to "lock" the layout?

Screenshot iOS Simulator Screen shot Dec 24 2012 10 32 06 PM

tegansnyder commented 11 years ago

The way to lock the layout would be to include the code in a Phonegap application using that has UIWebViewBounce turned off. You can try it using Phonegap build and a config.xml with bounce turned off.

On Dec 24, 2012, at 4:34 PM, Juan Carlos Alonso notifications@github.com wrote:

Hi,

I don't know if its a bug but happens in my app and in the demo app.

When you open the menu and then swipe to the left the whole layout moves giving a very bad experience to the user.

Is there a way to "lock" the layout?

Screenshot

— Reply to this email directly or view it on GitHub.

jcalonso commented 11 years ago

Hi Tegan,

May be I didn't explain my self well. The problem is when the user swipes the menu horizontally and it happens in iOS and Android. I did research on the 'webviewbounce' property but it is another thing what i mean.

See this video, may be it helps:

https://dl.dropbox.com/u/569199/slideMenu.mov

Cheers!

donkeytastic commented 11 years ago

I'm having the same problem in a Phonegap app. I looked at using overflow-x:hidden as suggested on stackoverflow http://stackoverflow.com/questions/5543495/mobile-safari-viewport-preventing-horizontal-scrolling but doesn't seem to work.

Thanks!