The smooth scrolling component is used to animate the browser scrolling when a user clicks an element linking to a different section on the same page.
It uses the css scroll-behavior property (applied to the <html> element) to animate the scrolling.
If you want to limit the smooth scrolling behavior to a specific section of your webpage, make sure to set this property for that section only (rather than the <html> element).
By default, the window is the element generating the vertical scrollbar. If you have a different scrollable element in your page, you can use the data-scrollable-element-y attribute to pass the CSS selector of the scrollable element.
For example, if you have a <main class="main-el"> with a height: 100vh and overflow: auto, you can set data-scrollable-element-y='.main-el':