UI Tabs scrolling window

UI Tabs scrolling window

I have 3 UI tab areas on a site. The top most is set to rotate. Each time it rotates it does the classic anchor tag behavior of adjusting the pages scroll position to put the anchor at the top of the page.

I am wondering if there is a way to disable this behavior so that when rotate is enabled it doesn't take over the entire window.
     
HTML
  1. <div id="homeslides">
  2. <ul>
  3.                             <li><a href="#tabs-1"></a></li>
  4.                             <li><a href="#tabs-2"></a></li>
  5.                             <li><a href="#tabs-3"></a></li>
  6.                             <li><a href="#tabs-4"></a></li>
  7.                         </ul>
  8.                         <div id="tabs-1">
  9.                            tab 1
  10.                         </div>
  11.                         <div id="tabs-2">
  12.                             tab 2
  13.                         </div>
  14.                         <div id="tabs-3">
  15.                             tab 3
  16.                         </div>
  17.                         <div id="tabs-4">
  18.                            tab 4
  19.                         </div>
  20.                     </div>
JAVASCRIPT
  1. <script type="text/javascript" language="javascript" charset="utf-8">
       

  2. $(document).ready(function() {
  3.         // homepage top featured slider
  4.         $('#homeslides').tabs().tabs('rotate', 5000, true).tabs({ fx: { opacity: 'toggle' } });
  5.       });
  6. </script>