<nav> <a href="#section1">Go to Section 1</a> | <a href="#section2">Go to Section 2</a> </nav>
<section id="section2" style="height:100vh; background:#e0e0e0;"> <h2>Section 2</h2> <p>More content …</p> </section>
<script> // Initialise SmoothScroll with your license key const scroll = new SmoothScroll('a[href*="#"]', speed: 800, offset: 20, easing: 'easeInOutCubic', // The key is passed in a dedicated option (example; check the vendor docs) licenseKey: 'YOUR-LICENSE-KEY' ); </script> </body> </html> If you are using a plugin, the activation UI is usually located under Dashboard → Settings → SmoothScroll → License . 12. Where to Find Official Documentation | Product | Official Docs Link | License / Pricing Page | |---------|-------------------|------------------------| | SmoothScroll Pro (commercial) | https://smoothscroll.com/docs/ | https://smoothscroll.com/pricing/ | | smooth-scroll (MIT) | https://github.com/cferdinandi/smooth-scroll | Free – MIT | | smooth-scrollbar | https://github.com/idiotWu/smooth-scrollbar | MIT | | locomotive-scroll | https://github.com/locomotivemtl/locomotive-scroll | MIT | | FullPage.js | https://github.com/alvarotrigo/fullPage.js | GPL / Commercial |
1. What “SmoothScroll” Usually Refers to The name SmoothScroll is most often associated with JavaScript (or jQuery) libraries that replace the browser’s default instant jump‑to‑anchor behavior with a gentler, animated scroll. Popular implementations include:
