Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root


1 badge earned


Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!


Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.


Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!


Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

When using AUI Tabs, clicking on the tab causes the page to scoll.

Scott Selberg
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
Oct 13, 2019

Nicolas Castel had asked this question, but I couldn't comment with my answer so I'm starting a new post.

I've had this problem with the Keysight HTML Elements.  I think I finally found the answer so I'll share.

The AUI Tabs relies on some simple html - an unordered list of anchors for the menu items and a matching set of div tags. See  for details. When the tab is clicked, two things happen.  First, some javascript changes the visibility of the tabs so that only the one selected is shown.  This is desired behavior.  Next, the browser scrolls down to the anchor.  It's this second behavior which is annoying and needs to be stopped.

My solution is to add a custom class, keysight-tab-menu-item-anchor, to the anchor tags so they are easy to extract with jQuery, then insert the following javascript:


// Without this hook, Confluence will scroll the page
// so that the top of the tab is at the top of the screen.
// This code triggers the tab change, than stops propagation
// or the event so the page is not scrolled.
AJS.tabs.change(jQuery(this), e)

 This code seems to work just fine. :)

1 comment

David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
Nov 30, 2021

This is still useful. Thank you.


Log in or Sign up to comment
AUG Leaders

Atlassian Community Events