title: localscroll's hash option, flickers the page when scrolling. How can I make the scrolling smooth
body: <p>I'm implementing a jquery plugin (<a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html" rel="nofollow noreferrer">localscroll</a>) to smooth scroll to named anchor elements withing a page. localscroll supports an option called 'hash', what it basically does is it appends the named anchor hash into the URL making it easy for the user to bookmark and move using the browser back/forward buttons.</p>
  
  <hr>
  
  <p><code>HTML</code></p>
  
  <pre><code>&lt;ul id="navigation" class="main_menu"&gt;
      &lt;li&gt;&lt;a href="#panel_home"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel_story"&gt;Story&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel_mantra"&gt;Mantra&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel_showcase"&gt;Showcase&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel_experience"&gt;Experience Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><code>Javascript (jquery)</code></p>
  
  <pre><code>$(document).ready(function () {
      $("#navigation").localScroll({
          offset: {left: 0, top: -56},
          hash: true,
          easing: 'easeInOutExpo'
       });
  });
  </code></pre>
  
  <p>The above code runs fine, but whenever a link is clicked the scrolling starts with a flicker (probably because the default behavior of the browser is to jump to the named anchor). This flicker thing is more visible in Firefox than Chrome or Safari and is a big NO-NO. How can I make the transition smooth with the address bar reflecting the current named anchor?? Any help is much appreciated. Thanx!</p>