Saeed Piri

📜 Elevate your site’s scrolling experience instantly. No settings needed, Engage visitors with effortless transitions that keep them scrolling longer. Install in seconds!
<h3>Features</h3>
✔️ Mouse wheel, middle mouse and keyboard support 
⌨️ Arrow keys, PgUp/PgDown, Spacebar, Home/End 
💻 Full touchpad support
— Scroll smoothly 😌
<h3>Copyright</h3>
This Plugin, like WordPress, is distributed under the terms of GPL. 
Copyright (c) 2010-2024 Balazs Galambosi – <a href="https://github.com/gblazex/smoothscroll-for-websites" rel="nofollow ugc">SmoothScroll for websites</a>
<h3>Build Instructions</h3>
This plugin uses minified JS file for performance. 
The original unminified source file are included in the plugin’s directory <code>src</code>.
The minification process was done using an online tool (<a href="https://minify-js.com/" rel="nofollow ugc">Minify JS Online</a>): 
– Original file: <code>js/src/SmoothScroll.js</code> 
– Minified file: <code>js/SmoothScroll.min.js</code>

Smooth Scrolling


The Smooth Scrolling plugin does exactly what it promises. lightweight, clean, and highly effective. It enhances the user experience by providing seamless scrolling behavior without adding bloat or conflicts. Kudos to Saeed Piri for keeping the code optimized and straightforward. Perfect solution for anyone who cares about performance and UX.


lightweight, clean, and highly effective

Add sleek smooth scrolling to your site for seamless content navigation, enhancing user interaction.🖱️

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.

Smooth Scrolling vs Super Light Animated Scroll to id