StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAnchor link stuck in firefox?
text
Body
copied!<p>I'm using a javascript accordion plugin, but the disadvantage of this is I need to scroll to the individual sections whenever the page load.</p> <p>so what I do is to create anchor link for each section, there are total 101 anchor links. If I want to access a certain section then I will just use:</p> <pre><code>http://wthdesign.net/test/tokl/101-things.html#65 http://wthdesign.net/test/tokl/101-things.html#25 http://wthdesign.net/test/tokl/101-things.html#99 </code></pre> <p>. . . etc</p> <p>It will automatically scroll to the desire section, IE and Chrome work fine, but I have problems with Firefox, it seems like whenever I open an anchor link, it will forever get stuck in the 5th section.</p> <p>I try to tweak the javascript but still no use....</p> <p>This is the javascript plugin: <a href="http://wthdesign.net/test/tokl/js/jquery.nestedAccordion.js" rel="nofollow">http://wthdesign.net/test/tokl/js/jquery.nestedAccordion.js</a></p> <p>The Javascript I have added to bypass the current plugin's restriction (to respond to anchor link):</p> <pre><code><script type="text/javascript"> $(function() { if(window.location.hash) { $(".accordion .outer").css("display", "block"); console.log("url with anchor"); } else { //$(".accordion .outer").css("display", "none"); console.log("url without anchor"); } }); </script> </code></pre> <p>I just realize the reason it will **stuck on 5th section is because Firefox has fix its original height(without anchor), like so: <a href="http://wthdesign.net/test/tokl/101-things.html" rel="nofollow">http://wthdesign.net/test/tokl/101-things.html</a></p> <p>Let's say the original container height is 2965px, so the max height it will scroll is 2965px and nothing beyond that....</p> <p>Any solution for this? Many thanks in advance....</p>

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