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.

Mahesh Thorat

A lightweight and very fast javascript library that provides enriched versions of the browsers’ scrolling APIs with support for smooth-scrolling, callbacks and many other features.
Multiple scroll-animations on one or more containers can be played at the same time with full controll over them. 
Every scroll-animation triggered by the API can be interrupted at any time and supports user-defined custom ease functions. 
This API is also fully compatible with Typescript, React.js, Next.js and many other javascript frameworks.
You can try most of the features on:
<a href="https://bettersmoothscroll.web.app/" rel="nofollow ugc">The Playground</a>
<h3>Browser Compatibility</h3>
Browser Support 
IE ❌ 
Edge ✔️ 
Firefox ✔️ 
Chrome ✔️ 
Safari ✔️ 
Opera ✔️ 
Safari for iOS ✔️ 
Opera mini ✔️ 
Android browser ✔️ 
Opera mobile ✔️ 
Chrome for Android ✔️ 
Firefox for Android ✔️ 
UC Browser for Android ✔️ 
Samsung Internet ✔️ 
Baidu Browser ✔️ 
QQ Browser ❔ 
KaiOS Browser ❔
<h3>PLUGIN FEATURES</h3>
🔹 Smooth Scrolling: Achieve fluid, polished scrolling transitions that enhance user navigation and interaction. 
🔹 Multiple Scroll Animations: Trigger multiple scroll animations simultaneously across different containers with precise control. 
🔹 Custom Easing Functions: Define custom easing functions to tailor scroll animations according to your design needs. 
🔹 Interruptible Animations: Easily interrupt any scroll animation at any point, providing a smooth and responsive user experience. 
🔹 Framework Compatibility: Fully supports TypeScript, React.js, Next.js, and many other JavaScript frameworks, ensuring seamless integration into your development stack. 
🔹 Playground for Exploration: Test and explore a variety of features and configurations using the interactive Playground. 
🔹 Browser Compatibility: Compatible with major browsers including Edge, Firefox, Chrome, Safari, Opera, and mobile browsers like Safari for iOS and Chrome for Android.

Better Smooth Scroll

A fast, lightweight JS library for enriched scrolling APIs with smooth-scrolling, callbacks, and more features.

Super Light Animated Scroll to id vs Better Smooth Scroll