Skip to content

How to Add Smooth Scroll to the Scroll Navigation Block?

Key Takeaways

  • Nexter Blocks Smooth Scroll block connects with the Scroll Navigation block to create a smooth scrolling effect on the same page.
  • Smooth Navigation toggle appears under the Connections tab in the Smooth Scroll block and must be enabled to link the blocks.
  • Advanced tab lets the user select an appropriate easing effect, which controls the smooth scrolling effect for scroll navigation.
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.

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!