How to Add Sticky Table of Contents with Scroll Highlight Effect

This topic has 3 replies, 2 voices, and was last updated 3 weeks, 3 days ago ago by khurram virk

  • Avatar: khurram virk
    khurram virk
    Participant
    June 13, 2025 at 10:13

    Dear Sir,

    Good day to you!

    I have seen a layout in a blog page where a Table of Contents appears on the right side of the post, and a scrolling indicator or highlight line dynamically moves based on which heading is currently in view while scrolling.

    Here’s a recorded example of the feature I’m referring to:
    📹 https://drive.google.com/file/d/1DvsfoauRs69h09qaeRgMa-uVBoIh13KU/view?usp=sharing

    I would like to implement a similar sticky Table of Contents with scroll-based highlight effect on my blog posts using the XStore theme.

    Could you please guide me if there’s any built-in option in XStore or a recommended way (plugin or method) to achieve this?

    Thank you.

    2 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    June 13, 2025 at 12:05

    Hello,

    Thank you for reaching out to us.

    You can find more information about the Table of Contents widget at the following link:
    https://elementor.com/widgets/table-of-contents-widget/

    We hope this information is helpful.

    Best regards,
    8Theme’s Team

    Avatar: khurram virk
    khurram virk
    Participant
    June 19, 2025 at 21:39

    Thanks for the support! My topic “How to Add Sticky Table of Contents with Scroll Highlight Effect” has been successfully resolved.

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How to Add Sticky Table of Contents with Scroll Highlight Effect’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.