How to Add Smooth Scrolling Effect to WordPress Table of Contents?

Key Takeaways

  • Nexter Blocks provides a Table Of Contents block that enables smooth scrolling in WordPress.
  • Users can control scrolling speed and set scroll offset values for responsive devices in the Layout tab.
  • The Smooth Scroll toggle must be enabled after selecting the appropriate type and style of the Table Of Contents widget.
Table of Contents

Do you want to enable smooth scrolling when clicking on a heading in the WordPress table of contents? Smooth scrolling enhances the page’s aesthetics and provides a more seamless, user-friendly navigation experience for visitors.

With the Table Of Contents block from Nexter Blocks, you can easily add smooth scrolling to the table of contents in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Table Of Contents block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Table Of Content widget to the page and follow the steps.

1. After selecting the appropriate type and style, enable the Smooth Scroll toggle in the Layout tab.

How to Add Smooth Scrolling Effect to WordPress Table of Contents?

From the Duration section, you can control the scrolling speed for responsive devices.

Then from the Offset section, you can set a scroll offset value for responsive devices, i.e. it will scroll to an equal number of pixels down from the heading.

Now when you click on a heading of the table of contents you’ll have a smooth scrolling experience.

How to Add Smooth Scrolling Effect to WordPress Table of Contents?

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!