I have a little tabbed content window that uses jquery and I have an annoying little problem: whenever I click on one of the tabs, the page resets to the top, so if you click on the last tab, you have to scroll down to see it again.

Here's a link:
http://www.westlakelibrary.org/?q=node/1675

If you look at this page in IE, I know, it displays all screwed up. I'm too tired to tackle IE today.

Can anyone help? Thanks.

spivey

Recommended Answers

All 2 Replies

The links in the tabs has the attribute href="#" which is causing it to go to the top of the page.

Point the href to some element's id
e.g.
<a href="#tab-bequest" class="tablink active" id="tab-bequest" title="content-bequest">
Here the href is pointing to itself.

Ah, I knew it had to be something simple. Thanks!

spivey

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.