title: Twitter Bootstrap Tabs href="#" anchor tag jumping
body: <p>I am using TW Bootstrap's tabs to tab through content on my <a href="http://www.koodoocreative.co.uk/~stagesca" rel="noreferrer">clients' site</a> I have set the HTML Markup to remove the "data-toggle" as I need to intialise the jScrollpane library on click.</p>
  
  <p>I have got this to work, However when you click one of the navigation icons the page jumps down. </p>
  
  <p>How do I avoid this from happening?</p>
  
  <p>My markup is as follows :</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
            &lt;li class="home_tab active"&gt;&lt;a href="#home"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="about_tab"&gt;&lt;a href="#about"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="services_tab"&gt;&lt;a href="#services"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="cases_tab"&gt;&lt;a href="#case_studies"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="contact_tab"&gt;&lt;a href="#contact_us"&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="news_tab"&gt;&lt;a href="#news"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
            &lt;div id="home" class="tab-pane active scroll_tab"&gt;
              &lt;?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?&gt;
              &lt;h2&gt;
                &lt;?php the_title(); ?&gt;
              &lt;/h2&gt;
              &lt;?php the_content(); ?&gt;
              &lt;?php endwhile; ?&gt;
            &lt;/div&gt;
            &lt;div id="about" class="tab-pane"&gt;
              &lt;?php 
                  $page_id = 9; 
                  $page_data = get_page( $page_id ); 
                  echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
                  echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
              ?&gt;
            &lt;/div&gt;
            &lt;div id="services" class="tab-pane"&gt;
            &lt;div class="signs"&gt;
              &lt;ul class="nav-tabs sub_tabs"&gt;
                  &lt;li class="roll_labels"&gt;&lt;a data-toggle="tab" href="#roll_labels"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="sheeted_labels"&gt;&lt;a data-toggle="tab" href="#page1"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="fanfold_labels"&gt;&lt;a data-toggle="tab" href="#page1"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="printers"&gt;&lt;a data-toggle="tab" href="#page1"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
              &lt;?php 
                  $page_id = 11; 
                  $page_data = get_page( $page_id ); 
                  echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
              echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
          ?&gt;
        &lt;/div&gt;
        &lt;div id="case_studies" class="tab-pane"&gt;
          &lt;?php 
              $page_id = 13; 
              $page_data = get_page( $page_id ); 
              echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
              echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
          ?&gt;
        &lt;/div&gt;
        &lt;div id="contact_us" class="tab-pane"&gt;
          &lt;?php 
              $page_id = 15; 
              $page_data = get_page( $page_id ); 
              echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
              echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
          ?&gt;
        &lt;/div&gt;
        &lt;div id="news" class="tab-pane"&gt;
          &lt;?php 
              $page_id = 144; 
              $page_data = get_page( $page_id ); 
              echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title 
          ?&gt;
          &lt;?php
            // Load Latest Blog - Limited to 2 items                                         
            $recent = new WP_Query("tags=blog&amp;showposts=2"); while($recent-&gt;have_posts()) : $recent-&gt;the_post();?&gt;
        &lt;div class="news_excerpt"&gt;
            &lt;h3&gt;&lt;?php the_title(); ?&gt;&lt;/h3&gt;
            &lt;p&gt;&lt;?php echo limit_words(get_the_excerpt(), '40'); ?&gt; ...&lt;/p&gt;
            &lt;a data-toggle="modal" href="#newsModal-&lt;? the_ID(); ?&gt;" id="newspopup"&gt;
                      &lt;img src="&lt;?php bloginfo( 'template_url' ); ?&gt;/assets/img/content/team_read_more.png" alt="Read More" style="border:none;"&gt;
            &lt;/a&gt;
            &lt;div class="modal hide fade" id="newsModal-&lt;? the_ID(); ?&gt;"&gt;
              &lt;div class="modal-header"&gt;
                &lt;button data-dismiss="modal" class="close"&gt;×&lt;/button&gt;
                &lt;h3&gt;&lt;?php the_title(); ?&gt;&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;p&gt;&lt;?php the_post_thumbnail('news_image'); ?&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;?php the_content(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;?php endwhile; ?&gt;
        &lt;/div&gt;           
        &lt;/div&gt;
        &lt;div id="roll_labels" class="tab-pane"&gt;
          &lt;?php 
              $page_id = 109; 
              $page_data = get_page( $page_id ); 
              echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
              echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
          ?&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('.nav-tabs li a').click(function (e) {
          $(this).tab('show');
          $('.tab-content &gt; .tab-pane.active').jScrollPane();
      });
  </code></pre>
  
  <p>Like I say, How do I prevent the page content from "jumping" to the anchor? Many Thanks..</p>