jquery tabbed content creates page shift

Question

I am using jquery tabbed content and I have noticed when navigating to any tab other than the product tab the page shifts a few pixels to the right and then when clicking the product tab it shifts back. What in the world is causing this?

The link to see it in action, http://clients.zerozendesign.info/techject/

Answer 1

The reason is the presence of the scroll bar on the long page content on the products tab. You should consider displaying the scroll bar even when the content does not require it using the CSS property for overflow, like so:

html { overflow-y:scroll; }