Question

The problem is every time a tab is activated, the cursor jumps to the top of the page, since the tab link points to a div and the page scrolls up to the top of the div. This creates a jumpy effect if the user has scrolled down a bit, while reading tab content.

Is there anyway to prevent this?

Answer 1

UPDATED to fit posted code!

$j('.null_link').live('click', function(e){
e.preventDefault();
return false;
});

---

$('ul.tabs li a').click(function(e) {
    e.preventDefault();
});

Assuming something like this:

<ul class="tabs">
<li><a href="#" >TAB A</a></li>
<li><a href="#" >TAB B</a></li>
<li><a href="#" >TAB C</a></li>
</ul>

NOTE:

you can also prevent the jump effect by doing this:

<li><a href="javascript:;" >TAB A</a></li>