title: jQuery Mobile: Is it possible to have static navigation that doesn't fade with page transitions?
body: <p>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).</p>
  
  <p>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!.</p>
  
  <p><img src="https://i.stack.imgur.com/yKvLP.jpg" alt="example"></p>
  
  <p>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.</p>
  
  <pre><code>       &lt;div id="nav"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  
          &lt;div data-role="page" id="one" data-transition="slide"&gt;
              &lt;div data-role="content" style="background-color:#ff0;"&gt;    
                  &lt;h1&gt;One&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- /page one --&gt;
  </code></pre>