How do I float the table of contents on a long page in confluence?

[JOHNNY]

is there a way to do it without installing native macro or app? i am struggling to figure out how to customize 'CSS class name' in advanced options for Table of contents, but i think it would be really useful to be able to float a table of contents where for some reason I want a very long page (like a master list of user stories in a big requirements doc?)

https://community.atlassian.com/t5/Confluence-questions/Confluence-CSS-Default-Classes-IDs/qaq-p/790745

https://confluence.atlassian.com/doc/styling-confluence-with-css-166528400.html

https://jira.atlassian.com/browse/CONFCLOUD-72545

https://community.atlassian.com/t5/Boise-discussions/Widget-Wednesday-Floating-TOC-in-Confluence/td-p/1095431

etc

[Kristian Klima · Accepted solution]

Hi @JOHNNY and welcome to the Community.

You're linking to Confluence Datacenter documentation, notice the variant switcher

If you switch to the Cloud tab... there's nothing as you can't modify CSS (only for PDF exports).

On Cloud, you can use, as @Atlass Monster suggested, an app, either as a macro (adds specific feature), a theme (changes the look of Confluence content), or you can go all out with a dedicated documentation center app. 

To built my company (Emplifi) doc site, I went the third way and created this from Confluence content - I'm linking to the page that has a floating TOC - https://docs.emplifi.io/platform/latest/home/analytics

(if the TOC does not display, just make the page wider). 

(we use Scroll Viewport by K15t)

[JOHNNY]

Thank you!

[Atlass Monster]

I don't want to discourage you but Atlassian have disabled the alterations of CSS for security reasons. Is unlikely to be able to perform what you need on the Cloud version.

The lucrative app makers are the only solution unfortunately. 

[JOHNNY]

Thanks!