<p>I'm using the latest version of the <a href="https://jqueryui.com/tabs/" rel="nofollow noreferrer">jQuery UI tabs</a>. I have tabs positioned toward the bottom of the page. </p>

<p>Every time I click a tab, the screen jumps toward the top.</p>

<p>How can I prevent this from happening?</p>

<p>Please see this example:</p>

<p><a href="http://5bosses.com/examples/tabs/sample_tabs.html" rel="nofollow noreferrer">http://5bosses.com/examples/tabs/sample_tabs.html</a></p>

If you have something along these lines:
```
```
<a href="#" onclick="activateTab('tab1');">Tab 1</a>
```
```
Try adding
```
return false;
```
after the tab activation command:
```
```
<a href="#" onclick="activateTab('tab1'); return false;">Tab 1</a>
```
```