JQuery Mobile: Is it possible to have static navigation that doesn't fade with page transitions?

You can change the CSS for the data-role="page" elements to make space for your navigation bar.

Up vote 1 down vote favorite 1 share g+ share fb share tw.

With jQuery Mobile, is there a way that I can have a navigation bar that takes up 200px (or a percentage) on the left that is separate from the . Ui-content div? This would mean the navigation would stay static on the left as the content changes via swiping (transitions).

How would I go about setting this up? I can't find any documentation on editing the content view or how to evade page transitions for certain content!. The issue with my sample code is that the href links do not link anywhere.

They simply do not work. When I put them inside data-role="page", then it works. One Two Three One jquery css html5 jquery-mobile link|improve this question edited Mar 12 at 19:11 asked Mar 12 at 18:22Brett Alton375210 71% accept rate.

You can change the CSS for the data-role="page" elements to make space for your navigation bar: . Ui-mobile data-role="page" { left : 200px! Important; width : auto!

Important; right : 0; } #leftNav { position : absolute; top : 0; left : 0; width : 200px; height : 100%; z-index : 100; }? #leftNav is the navigation bar element: Zero One Here is a demo: jsfiddle.net/j8nkn/2/ It's not perfect, but this should get you started.

Sorry, I just about to post my sample code (I should have earlier, my apologies). I have that part working, but what doesn't is the actual linking of the navigation, e.g. Href="#one" doesn't work outside data-role="page" – Brett Alton Mar 12 at 19:09 @BrettAlton Here's a demo: jsfiddle.net/j8nkn/2. All I did was add buttons to the navigation bar that link to the ID of the page I want to show.

– Jasper Mar 12 at 19:20 Ya, as soon as I added buttons to the demo, it worked too. It must be my code that's broken. Thank you so much for the help!

I really appreciate your time with this. – Brett Alton Mar 12 at 19:31.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.