Phonegap , Annoying Horizontal Scroll

[greatcrypter]

How to remove the horizontal scroll bar when snapper open left?

[jakiestfu]

Try

body{
    overflow-x: hidden;
}

[dcolin]

Does not for me into Phonegap App running on Android. I got the same problem with your demo (http://jakiestfu.github.io/Snap.js/demo/apps/default.html) on mobile browser when swipe quickly only left panel... An idea?

[jayd3e]

This is also happening for me. Happening both in my own app and in the demo. This needs to be reopened.

[jakiestfu]

Have you guys debugged what element is the wide one? Either setting the correct width of absolute elements or setting full positions (top:0, left:0, top: 0, bottom: 0) in conjunction with overflow-x should work. Let me know if you have any more information regarding this matter.

[jayd3e]

So setting overflow: hidden on the drawer and content elements does the trick. You can also achieve roughly the same thing by setting position: fixed on both elements, then just having the content inside of each element scroll. The main reason I called for this to be reopened, is b/c the demo page is actually experiencing this bug, as shown below.

I'm interested in getting this library back up to speed brah. Maybe we can have a little hackathon this weekend?

[jakiestfu]

@jayd3e I've been wanting to work on it but I haven't got the time. Maybe we can do a hackathon this weekend;)

[jayd3e]

Sounds good!

[dcolin]

Indeed position: fixed on both elements does the trick ! Thx guys

[th0th]

I love you @jayd3e!

[DimoStoyanov]

I love you @jayd3e!

[mcneela86]

This works for me:

.snap-content, .snap-drawers, .snap-drawer { overflow: hidden; }

position: fixed; by itself didn't work.

Thanks guys

[jasonhr13]

I have tried all of things mentioned here and still have the issue. It doesnt happen everytime, only sometimes. I can see that the body is being extended well past the width of the screen. The drawers are still only the width of the screen, but the body (white color) extends much further, almost 3/4 of the screen width past the initial size.

[mcneela86]

mine worked with 'minPosition: 0'. that is asuming you didnt want to use the right menu.

[thiago-negri]

Thanks, @jayd3e. Setting position: fixed solved it.

[axul]

I know the issue is old but I didn't find a full working answer to it in any open issue. Its not necessary to set position: fixed in any element. just by adding overflow: hidden; positon: relativein the body and overflow-x: hidden in .snap-drawer the problem was fixed in both iOS and Android

[Cdvalencia]

Thanks, @jayd3e. position: fixed