Databases
StackOverflow2013
Postsdbo
POCan I prevent #div anchoring on a page when using idTabs for jquery?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCan I prevent #div anchoring on a page when using idTabs for jquery?
    text
    copied!<p>I am using the <strong><em>idTabs</em></strong> plugin for <em>jQuery</em> on my new site. However, when I try to select a specific tab via the url, say <em><a href="http://crnaz.com/a/about/" rel="nofollow noreferrer">http://crnaz.com/a/about/</a><strong>#staff</em></strong> on page load or via tab navigation, the page anchors to the div <em>#staff</em> instead of page top.</p> <p>Is there a way to keep the page anchored to the top on url change?</p> <p>Here's the code (or you can view the source of the page <a href="http://crnaz.com/a/about/index.php" rel="nofollow noreferrer">http://crnaz.com/a/about/index.php</a>). Thanks in advance for the help! :</p> <pre><code>&lt;script type="text/javascript"&gt; </code></pre> <p>var start = location.hash; start = start?start.substr(1):0; $(".usual").tabs(true,start); </p> <pre><code>&lt;div class="usual"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#values"&gt;Values&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#theology"&gt;Theology&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#nazarene"&gt;Nazarene&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#staff"&gt;Staff&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="content-wrapper"&gt; &lt;div id="values" style="display: block; "&gt;Tab Content&lt;/div&gt; &lt;div id="theology" style="display: block; "&gt;Tab Content&lt;/div&gt; &lt;div id="nazarene" style="display: block; "&gt;Tab Content&lt;/div&gt; &lt;div id="staff" style="display: block; "&gt;Tab Content&lt;/div&gt; &lt;div id="contact" style="display: block; "&gt;Tab Content&lt;/div&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload