I am trying to create a 'fixed'/floating table of contents/navigation for a SharePoint page such that the sidebar contains links to various parts of the page and these links remain visible as the user scrolls down.

Is there a better way to institute a page "table of contents" or a way to affix the sidebar in place?

side bar table of contents

1 Answer 1


Using SharePoint out of the box approach:

You can use "Text" web part with headings (heading 1, heading 2, etc.) or sections headings which gives you direct hyperlink to heading/section.

Then you can use these hyperlinks in another text web part or quick links web part to create a table of contents on a page. To create links at right side of page, use Vertical section.

However, this will not create a fixed/sticky navigation and navigation will be hidden when you scroll down to the bottom of longer page.

Reference: What is an Anchor Link in SharePoint Online?

Using SharePoint Framework (SPFx) approach:

If you want fixed/sticky header even when you scroll down on longer page, there are few custom SPFx solutions available to achieve your requirements.

Check below links for detailed information and code. You can use these solutions as it is or you can enhance them as per your requirements:

  1. Table of Contents Web Part

    enter image description here

  2. Table Of Contents for SharePoint

    enter image description here

  3. Page Navigator

    enter image description here

  4. Page Sections Navigation

  • thank you so much- I already use a vertical section with links to the headers on my page but need the fixed part so it remains visible while scrolling...will see if I can implement the custom SPFx solutions. Though I may be back here if I get stuck again! Again, thank you very much!
    – steph
    Aug 24, 2022 at 1:44
  • You cannot make it sticky using OOTB features. Try the SPFx solutions given in my answer. Let us know if you need any further help. Aug 24, 2022 at 2:32
  • Still stuck:/ Ganesh- any chance I can get your help getting up and running with sharepoint framework? (sent you an email)
    – steph
    Sep 8, 2022 at 15:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.