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

Next challenges

Recent achievements

  • Global
  • Personal


  • Give kudos
  • Received
  • Given


  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Floating Button on Confluence Pages

This seems to have been asked a few times in these pages, but I haven't found a solution that worked for me. I have editing rights in some of the spaces on Confluence and write content here (mostly procedure manuals). I am looking for a floating button macro (or a workaround) so that the Table of Contacts can be accessed from anywhere within the Confluence article since these procedure manuals tend to be quite long. I am not a superadmin and have no coding background. Appreciate ideas!

1 answer

1 accepted

2 votes
Answer accepted

Hi Rukshana,

It sounds like you're trying to create a "sticky" element.  Here's how I was able to do that in Confluence Server:

  1. I added a Div macro and set the ID to "sticktotop".  Inside that Div macro I set a Table of Contents macro embedded within a Panel.
  2. I added a CSS Stylesheet macro to dictate the properties of the Div macro.  It contains the code below.  The z-index value is set high to ensure it stays on top of all other elements.
#sticktotop {
position: sticky;
z-index: 100;
top: 0;

I believe both of these macros are included in Cloud.  Hopefully this will work for you.

Good luck!

@Jared Brenner thanks so much! Since I have zero clue about CSS/HTML, it took me a while to figure out what you meant. But after fiddling around with it for a while on w3schools, I got it. I used the below for my purpose:

Placed a Div macro after the 'Table of Contents' ends. Within the Div macro I used the CSS Style:

position: sticky; height: 50px; padding: 12.5px; box-sizing: border-box; background-color: rgba(176,224,230,0.9); z-index: 100; top: 0

I wrote the text "Go back to Table of Contents" within the panel of the Div macro and linked it to an anchor near the ToC. It works beautifully! Learned something today! Thanks so much!!! :D

Like # people like this

That's great!  I'm glad you were able to implement it.  If you could mark the question as Solved that'll help other users looking for information about this.

Like # people like this

Is there a solution for Confluence Cloud? 

I would very much like to know.

Interesting, how to do that on Server side :)

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Confluence

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

323 views 23 8
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you