---
title: "How to Add Smooth Scrolling Effect to Elementor Table of Contents?"
url: https://theplusaddons.com/docs/add-smooth-scrolling-effect-to-elementor-table-of-contents/
date: 2025-01-11
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to smoothly scroll to the content when clicking on a heading of the Elementor table of contents? By implementing smooth scrolling, you can enhance the overall aesthetic..."
word_count: 215
---

# How to Add Smooth Scrolling Effect to Elementor Table of Contents?

## 

- Enhance navigation with the Smooth Scroll feature in The Plus Addons for Elementor Table Of Content widget.
- Activate the Smooth Scroll toggle from the Extra Options tab to implement smooth scrolling.
- Adjust scrolling speed and offset values for responsive devices in the Smooth Duration and Scroll Offset sections.

Do you want to smoothly scroll to the content when clicking on a heading of the Elementor table of contents? By implementing smooth scrolling, you can enhance the overall aesthetic of a page and create a more seamless navigation experience for your users.

With the Table Of Content widget from The Plus Addons for Elementor, you can easily add smooth scrolling to the table of contents in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/)

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

1. Select the appropriate style and tags from the **Layout** tab.

2. Then enable the **Smooth Scroll** toggle from the **Extra Options** tab.

![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-smooth-scroll.png)

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

Then from the **Scroll 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.