How to Add Smooth Scroll to the Scroll Navigation Block?

Key Takeaways

  • Smooth Scroll block from Nexter Blocks connects with the Scroll Navigation block to create a smooth scrolling effect.
  • Users must install and activate the Smooth Scroll block to utilize its features.
  • Enabling the Smooth Navigation toggle in the Smooth Scroll block allows for customized easing effects.
Table of Contents

Do you want to add a smooth scrolling effect to the scroll navigation block? Adding smooth scroll can give a more polished and smooth feel to the scroll navigation experience.

With the Smooth Scroll block from Nexter Blocks, you can easily connect with the Scroll Navigation block to create a smooth scrolling effect.

To check the complete feature overview documentation of the Nexter Blocks Smooth Scroll 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 that, make sure to add both the Smooth Scroll and Scroll Navigation blocks to the same page.

1. Make sure to create a one page scroll navigation with the Scroll Navigation block.

2. Then, in the Smooth Scroll block, enable the Smooth Navigation toggle under the Connections tab.

3. After that, select an appropriate easing effect from the Advanced tab.

That’s it, now your scroll navigation will have a smooth scrolling effect based on your selected easing effect type.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 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!

Related Frequently Asked Questions

What should I do if the Smooth Scroll effect isn't working?

If the Smooth Scroll effect isn't working, ensure that both the Smooth Scroll and Scroll Navigation blocks are added to the same page. This connection is essential for the smooth scrolling feature to function properly. Additionally, check that the Smooth Navigation toggle is enabled under the Connections tab in the Smooth Scroll block settings.

Can I use the Smooth Scroll block with other navigation setups?

The Smooth Scroll block is specifically designed to work with the Scroll Navigation block. If you're creating a one-page scroll navigation, this combination is ideal for achieving a smooth scrolling effect. For more details on setting up a one-page scroll navigation, refer to the documentation.

What easing effects are available for the Smooth Scroll block?

In the Smooth Scroll block, you can select an appropriate easing effect from the Advanced tab. Easing effects control the acceleration and deceleration of the scroll, which can enhance the user experience. Choosing the right easing effect can make your navigation feel more fluid and engaging.

Are there any limitations when using the Smooth Scroll block?

The Smooth Scroll block is part of Nexter Blocks, so it requires that you have Nexter Blocks installed and activated to function. Additionally, it is designed to work primarily with the Scroll Navigation block, so it may not provide the same functionality with other navigation types.

What is the best practice for adding smooth scroll to my site?

The best practice for adding smooth scroll is to ensure that both the Smooth Scroll and Scroll Navigation blocks are properly configured on the same page. Additionally, experiment with different easing effects to find the one that best fits your site's design. This attention to detail can significantly enhance user engagement and navigation experience.

Last reviewed: April 14, 2026

Related Docs