---
title: "How to Add Smooth Scroll to the Scroll Navigation Block?"
url: https://qa.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

- Integrates the Smooth Scroll block from Nexter Blocks with the Scroll Navigation block for enhanced user experience.
- Enables the Smooth Navigation toggle in the Smooth Scroll block's Connections tab to activate smooth scrolling.
- Selects an easing effect from the Advanced tab to customize the smooth scrolling experience.

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://qa.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://qa.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://qa.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.