dlawp

Usage
Add HTML id attribute to element you want to scroll to.
Example:
<pre><code><h1 id="your-anchor">Header we will be drawn to smoothly!</h1>
</code></pre>
Now add hash to href attribute and class <code>sl-animated-scroll</code> to an A tag or element containing A tag.
Example:
<pre><code><a href="#your-anchor" class="sl-animated-scroll">
 Get me smoothly to my anchor!
</a>
</code></pre>
Try it.
How to hook menu / nav links?
<ol>
<li>
Go to Appearance -> Menus.
</li>
<li>
Make sure you have enabled classes in Screen Options (top right corner).
</li>
<li>
Create new Custom Link
</li>
<li>
Add your anchor in URL of the custom link: <code>/#your-anchor</code>
</li>
<li>
Insert special class to the custom link: <code>sl-animated-scroll</code>
</li>
<li>
Save and try it!
</li>
</ol>
<h3>Support</h3>
If any problems, questions or suggestions please contact us at support@dlawp.pl
GitHub: https://github.com/dlawp/wp-plugin-super-light-animated-scroll

Super Light Animated Scroll to id

Super light and easy to setup links that scroll the page smoothly to any id within the document.

Michael

Adds the Lenis library (by darkroom.engineering) to your WordPress page. Simply enable the plugin and it will add the library to your page.
You can use a function ‘smoothScrollLenisCallback(event)’ in your custom code that will be called by the Lenis scroll event.
Note: if you have popup with scrolling content you’ll need to this attribute <code>data-lenis-prevent</code> to the popup.
Credits: 
– Lenis library: https://github.com/darkroomengineering

Smooth scrolling with Lenis

Adds the Lenis library (by darkroom.engineering) to your WordPress page. Simply enable the plugin and it will add the library to your page.

Super Light Animated Scroll to id vs Smooth scrolling with Lenis