CODEWITHSUNDEEP
jquery-mobilepanelswipe
nnikolay
nnikolay

Reputation: 1751

Jquery mobile left swipe menu with independent scrolling

I have this example:

jsfiddle.net/6mNpp/

Is it possible, to prevent the scrolling of the left menu, when it is open and the whole site is scrolling? I mean, when I open the left menu and scroll the content, then the left menu is scrolling as well. How to make them with independent scrolling?

Thanks Nik

Upvotes: 1

Views: 4104

Answers (2)

EnglishAdam
EnglishAdam

Reputation: 1390

More info...

JqueryMobile roadmap http://jquerymobile.com/roadmap/ says independent scolling should arrive in version 1.7

Another possible hack workaround maybe adding the divs via an iframe may offer a clumsy solution.

Upvotes: 0

Jabel Márquez
Jabel Márquez

Reputation: 762

You can set the panel fixed with CSS. With this, the left panel is not scrolling when the content is scrolling.

The code is the same that the JSFiddle, just add in the style, position:fixed

<div data-role="panel" id="defaultpanel" data-display="push" data-theme="b" style="overflow:auto; position: fixed;" data-animate="false">

Reference: Positioning Panels

Upvotes: 1

Related Questions