jQuery UI Tabs - on click scrolling issue

I am trying to create tabs using the jquery ui tabs found here - http://jqueryui.com/tabs/

The issue is that the tabs are in between a long page and when I click on a tab it scrolls a bit to a point between the button and the content. Hence each time I need to drag the screen a bit to click on another tab.

I tried adding preventDefault(); as well as return false to the tab click but none seem to work.

Has anyone else faced such an issue? I am using this on latest version of wordpress.