---
title: "How to Add Smooth Scroll to the Scroll Navigation Block?"
url: https://nexterwp.com/docs/add-smooth-scroll-to-the-scroll-navigation-block/
date: 2025-07-21
modified: 2026-04-14
author: "Aditya Sharma"
description: "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...."
word_count: 175
---

# 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.

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](https://nexterwp.com/docs/add-smooth-scroll-in-wordpress/).

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-smooth-scroll)

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](https://nexterwp.com/docs/create-one-page-scroll-navigation-in-wordpress/).

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.

## Frequently Asked Questions

**Q: What should I do if the Smooth Scroll effect isn't working?**
A: 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.

**Q: Can I use the Smooth Scroll block with other navigation setups?**
A: 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](https://nexterwp.com/docs/create-one-page-scroll-navigation-in-wordpress/).

**Q: What easing effects are available for the Smooth Scroll block?**
A: 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.

**Q: Are there any limitations when using the Smooth Scroll block?**
A: 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.

**Q: What is the best practice for adding smooth scroll to my site?**
A: 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.