Better Smooth Scroll

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:

The Playground

Browser Compatibility

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 ❔

PLUGIN FEATURES

🔹 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.

Using plugins page

1. Go to Plugins -> Add New and search for Better Smooth Scroll.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Click the Better Smooth Scroll link located in main menu section to configure the plugin options

Using Manual File System

1. Upload better-smooth-scroll to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Click the Better Smooth Scroll link located in main menu section to configure the plugin options

1. 

   A general view of the plugin "options" page.

2. 

   Scroll bars designs on desktop / laptop.

3. 

   Scroll bars designs on mobile devices.

1.1

• Security Update

1.0

• Tested with WordPress 6.4.3
• Minor Fixes

0.2

• Compressed Script up to 50%
• Improved execution

0.1

• Initial Public Release