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

Create a floating TOC for Confluence Cloud


I'm looking to create a floating table of contents for Confluence Cloud and was wondering if anyone's had any luck? 

I can see previous questions and all solutions are for Server based install. 

There are no Add-On's yet for Cloud for this either. 

There is a TOC Macro which i've implemented, and there is a CSS section, and was wondering if I could use this section to enable it to be floating so when users scroll, the table scrolls with it. 

Any help or insight would be appreciated. 

Thanks in advance. 


3 answers

0 votes
Michael Yang - Shinetech Software
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
Dec 11, 2022

@Dipam Pala We've release the cloud version of our floating table contents plugin. You can try if you were interested in. Not only the table of contents we provide more like allowing to add related links/pages in the floating sidebar.

@Dipam Pala I believe the HTML and CSS macros inject their content into an iFrame. That's going to potentially create some limitations on what you're looking to do. 

0 votes
Hazwan Ariffin
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.
Mar 23, 2020

Not possible in Confluence Cloud. To do this you would need a custom HTML and CSS feature.


.fixedPosition {
 position: fixed;


<script type="text/javascript">AJS.toInit(function(){
  var clone = AJS.$(this).clone().css('visibility','hidden').removeClass('fixedPosition');

 but unfortunately, in Confluence cloud, there's no custom HTML and CSS feature. 

Thanks Hazwan, 

Appreciate the feedback. I believe there's add-ons to have CSS an HTML features for Cloud, so will trial and test.

Thanks once again. 

Like Brad likes this

@Hazwan Ariffin are you able to create floating TOC in the Cloud version?

If yes, could you please share detailed steps here?

Like # people like this

I also want to understand if this possible on Confluence cloud 

Like Sven Larson likes this

A floating table of contents on the right-hand-side of each page would be amazing. Did anyone find a way to do this?

@Dipam Pala please reply back with an update

Was there an update on this topic?

Yeah, likewise - we'd love to have this feature for our docs / know of the workaround...

Likewise, keen to get this feature on our pages.  Has there been any update on this item?

Any updates on this? I have been searching for a solution here. Ideally, every page would have *both* a floating table of contents (like Google Docs have in the sidebar!) that could be expanded / hidden to help navigate large pages. 

Also, while I'm at it, can we make the Edit button floating? Always a pain to work on something and have to scroll to the top of the page, then enter the Edit workflow, then scroll back down to the spot where I need to make a change... (note: I normally use keyboard shortcut "E" to edit, but these small touches make Confluence so much more approachable for new users...)

Like # people like this
Trudy Claspill
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
Jul 28, 2022

I have found there is a feature request in Atlassian's backlog for this:

Like @Dipam Pala I also found a few add-ons that indicate they can be used to add custom HTML, CSS, and Javascript. I have not yet gotten through experimentation to see if the floating content can be generated with these. Here are a couple:

Suggest an answer

Log in or Sign up to answer
AUG Leaders

Atlassian Community Events