title: url hash tag to stop scrolling / focusing
body: <p>Working on a project which uses Jquery(1.6) Tabs, works all good but wondering if there's a way to stop the page focusing on the content div when using the hash tag in the url, its the browsers bookmarking feature i suspect but asking if i can override this, stop it or alternative solutions?</p>
  
  <p>I already have alternative javascript referencing solutions ie make the ids obtuse and re-reference them in an array so when you use a certain hash its translated to "tab1" for example, that bit is easy its questioning whether this is possible via means of simply stopping the auto id focusing.</p>
  
  <p>Example scenario:</p>
  
  <ol>
  <li>Go to www.domain.com/about-us#company-info</li>
  <li>www.domain.com/about-us loads and tab "company-info" activates, browser focuses on the div with the same id as the tab which has the content of the tab hiding the whole heading section.</li>
  </ol>
  
  <p>Code is as follows:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#company-info"&gt;Company Info&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#meet-the-team"&gt;Meet the team&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="company-info"&gt;
   content here
  &lt;/div&gt;
  &lt;div id="meet-the-team"&gt;
  content here
  &lt;/div&gt;
  
  &lt;script&gt;
     var tabs = $("#tabs").tabs({
      select: function(event, ui) {
       window.location.hash = ui.tab.hash;
      }
     });
  
   if(window.location.hash!=''){
     var param = window.location.hash;
     param = param.replace('#','');
     tabs.tabs('select',param);
   }
  &lt;/script&gt;
  </code></pre>
  
  <p></p>